{"id":7758,"date":"2022-11-12T12:43:16","date_gmt":"2022-11-12T04:43:16","guid":{"rendered":"https:\/\/egonlin.com\/?p=7758"},"modified":"2022-11-12T12:43:16","modified_gmt":"2022-11-12T04:43:16","slug":"%e7%ac%ac%e4%b8%80%e8%8a%82%ef%bc%9avue%e4%bb%8b%e7%bb%8d","status":"publish","type":"post","link":"https:\/\/egonlin.com\/?p=7758","title":{"rendered":"\u7b2c\u4e00\u8282\uff1aVue\u4ecb\u7ecd"},"content":{"rendered":"<h1>Vue\u5165\u95e8<\/h1>\n<h2>\u96f6\uff1a\u524d\u7aef\u76ee\u524d\u5f62\u52bf<\/h2>\n<h3>\u524d\u7aef\u7684\u53d1\u5c55\u53f2<\/h3>\n<p><strong>1<\/strong>.<code>HTML<\/code>(5)\u3001<code>CSS<\/code>(3)\u3001<code>JavaScript<\/code>(ES5\u3001ES6)\uff1a\u7f16\u5199\u4e00\u4e2a\u4e2a\u7684\u9875\u9762 -&gt; \u7ed9\u540e\u7aef(PHP\u3001Python\u3001Go\u3001Java) -&gt; \u540e\u7aef\u5d4c\u5165\u6a21\u677f\u8bed\u6cd5 -&gt; \u540e\u7aef\u6e32\u67d3\u5b8c\u6570\u636e -&gt; \u8fd4\u56de\u6570\u636e\u7ed9\u524d\u7aef -&gt; \u5728\u6d4f\u89c8\u5668\u4e2d\u67e5\u770b<\/p>\n<p><strong>2<\/strong>.Ajax\u7684\u51fa\u73b0 -&gt; \u540e\u53f0\u53d1\u9001\u5f02\u6b65\u8bf7\u6c42\uff0c<code>Render<\/code>+<code>Ajax<\/code>\u6df7\u5408<\/p>\n<p><strong>3<\/strong>.\u5355\u7528Ajax\uff08\u52a0\u8f7d\u6570\u636e\uff0cDOM\u6e32\u67d3\u9875\u9762\uff09\uff1a<code>\u524d\u540e\u7aef\u5206\u79bb\u7684\u96cf\u5f62<\/code><\/p>\n<p><strong>4<\/strong>.<a href=\"https:\/\/angular.cn\/\">Angular\u6846\u67b6<\/a>\u7684\u51fa\u73b0\uff081\u4e2aJS\u6846\u67b6\uff09\uff1a\u51fa\u73b0\u4e86\u201c<code>\u524d\u7aef\u5de5\u7a0b\u5316<\/code>\u201d\u7684\u6982\u5ff5\uff08\u524d\u7aef\u4e5f\u662f1\u4e2a\u5de5\u7a0b\u30011\u4e2a\u9879\u76ee\uff09<\/p>\n<p><strong>5<\/strong>.<a href=\"https:\/\/react.docschina.org\/\">React<\/a>\u3001<a href=\"https:\/\/cn.vuejs.org\/\">Vue\u6846\u67b6<\/a>\uff1a\u5f53\u4e0b\u6700\u706b\u76842\u4e2a\u524d\u7aef\u6846\u67b6\uff08<code>Vue<\/code>\uff1a\u56fd\u4eba\u559c\u6b22\u7528\uff0c<code>React<\/code>\uff1a\u5916\u56fd\u4eba\u559c\u6b22\u7528\uff09<\/p>\n<p><strong>6<\/strong>.\u79fb\u52a8\u5f00\u53d1\uff08Android+IOS\uff09 + Web\uff08Web+\u5fae\u4fe1\u5c0f\u7a0b\u5e8f+\u652f\u4ed8\u5b9d\u5c0f\u7a0b\u5e8f\uff09 + \u684c\u9762\u5f00\u53d1\uff08Windows\u684c\u9762\uff09\uff1a\u524d\u7aef -&gt; <code>\u5927\u524d\u7aef<\/code><\/p>\n<p><strong>7<\/strong>.\u4e00\u5957\u4ee3\u7801\u5728\u5404\u4e2a\u5e73\u53f0\u8fd0\u884c\uff08<strong>\u5927\u524d\u7aef<\/strong>\uff09\uff1a<code>\u8c37\u6b4cFlutter\uff08Dart\u8bed\u8a00\uff1a\u548cJava\u5f88\u50cf\uff09<\/code>\u53ef\u4ee5\u8fd0\u884c\u5728IOS\u3001Android\u3001PC\u7aef<\/p>\n<p><strong>8<\/strong>.\u5728Vue\u6846\u67b6\u7684\u57fa\u7840\u6027\u4e0a <a href=\"https:\/\/uniapp.dcloud.io\/\">uni-app<\/a>\uff1a<strong>\u4e00\u5957\u7f16\u7801 \u7f16\u523010\u4e2a\u5e73\u53f0<\/strong><\/p>\n<p><strong>9<\/strong>.\u5728\u4e0d\u4e45\u7684\u5c06\u6765 \uff0c\u524d\u7aef\u6846\u67b6\u53ef\u80fd\u4f1a\u4e00\u7edf\u5929\u4e0b<\/p>\n<blockquote>\n<p><strong>\u8be6\u7ec6\u7684\u53d1\u5c55\u53f2\uff1a<\/strong><\/p>\n<p><a href=\"https:\/\/zhuanlan.zhihu.com\/p\/337276087?utm_source=wechat_session&amp;utm_medium=social&amp;utm_oi=41967790587904\">https:\/\/zhuanlan.zhihu.com\/p\/337276087?utm_source=wechat_session&#038;utm_medium=social&#038;utm_oi=41967790587904<\/a><\/p>\n<\/blockquote>\n<h2>\u4e00\uff1aVue\u4ecb\u7ecd \u548c \u57fa\u672c\u4f7f\u7528<\/h2>\n<h3>1.Vue\u4ecb\u7ecd<\/h3>\n<p><a href=\"https:\/\/cn.vuejs.org\/\">Vue<\/a> (\u8bfb\u97f3 <code>\/vju\u02d0\/<\/code>\uff0c\u7c7b\u4f3c\u4e8e <strong>view<\/strong>) \u662f\u4e00\u5957\u7528\u4e8e\u6784\u5efa\u7528\u6237\u754c\u9762\u7684<strong>\u6e10\u8fdb\u5f0f\u6846\u67b6<\/strong><\/p>\n<p>\u4e0e\u5176\u5b83\u5927\u578b\u6846\u67b6\u4e0d\u540c\u7684\u662f\uff0cVue \u88ab\u8bbe\u8ba1\u4e3a\u53ef\u4ee5<code>\u81ea\u5e95\u5411\u4e0a\u9010\u5c42\u5e94\u7528<\/code><\/p>\n<p>Vue \u7684\u6838\u5fc3\u5e93<strong>\u53ea\u5173\u6ce8\u89c6\u56fe\u5c42<\/strong>\uff0c\u4e0d\u4ec5\u6613\u4e8e\u4e0a\u624b\uff0c\u8fd8\u4fbf\u4e8e\u4e0e\u7b2c\u4e09\u65b9\u5e93\u6216\u65e2\u6709\u9879\u76ee\u6574\u5408<\/p>\n<h4>\u6e10\u8fdb\u5f0f\u6846\u67b6<\/h4>\n<p>\u53ef\u4ee5\u4e00\u70b9\u4e00\u70b9\u5730\u4f7f\u7528\u5b83\uff0c\u53ea\u7528\u4e00\u90e8\u5206\uff0c\u4e5f\u53ef\u4ee5\u6574\u4e2a\u5de5\u7a0b\u90fd\u4f7f\u7528\u5b83<\/p>\n<h4>\u7f51\u7ad9<\/h4>\n<ul>\n<li>\u5b98\u7f51\uff1a<a href=\"https:\/\/cn.vuejs.org\/\">https:\/\/cn.vuejs.org\/<\/a><\/li>\n<li>\u6587\u6863\uff1a<a href=\"https:\/\/cn.vuejs.org\/v2\/guide\/\">https:\/\/cn.vuejs.org\/v2\/guide\/<\/a><\/li>\n<\/ul>\n<h3>2.Vue\u7279\u70b9<\/h3>\n<h4>\u6613\u7528<\/h4>\n<ul>\n<li>\u901a\u8fc7 HTML\u3001CSS\u3001JavaScript\u6784\u5efa\u5e94\u7528<\/li>\n<\/ul>\n<h4>\u7075\u6d3b<\/h4>\n<ul>\n<li>\u4e0d\u65ad\u7e41\u8363\u7684\u751f\u6001\u7cfb\u7edf\uff0c\u53ef\u4ee5\u5728\u4e00\u4e2a\u5e93\u548c\u4e00\u5957\u5b8c\u6574\u6846\u67b6\u4e4b\u95f4\u81ea\u5982\u4f38\u7f29\u3002<\/li>\n<\/ul>\n<h4>\u9ad8\u6548<\/h4>\n<ul>\n<li>20kB min+gzip \u8fd0\u884c\u5927\u5c0f<\/li>\n<li>\u8d85\u5feb\u865a\u62df DOM<\/li>\n<li>\u6700\u7701\u5fc3\u7684\u4f18\u5316<\/li>\n<\/ul>\n<h3>3.M-V-VM\u601d\u60f3<\/h3>\n<h4>\u2460 MVVM\u4ecb\u7ecd<\/h4>\n<p>MVVM \u662f<code>Model-View-ViewModel<\/code> \u7684\u7f29\u5199\uff0c\u5b83\u662f\u4e00\u79cd\u57fa\u4e8e\u524d\u7aef\u5f00\u53d1\u7684\u67b6\u6784\u6a21\u5f0f\uff0c\u662f\u4e00\u79cd<strong>\u4e8b\u4ef6\u9a71\u52a8\u7f16\u7a0b\u65b9\u5f0f<\/strong><\/p>\n<ul>\n<li><code>Model<\/code> \uff1avue\u5bf9\u8c61\u7684data\u5c5e\u6027\u91cc\u9762\u7684<strong>\u6570\u636e<\/strong>\uff0c\u8fd9\u91cc\u7684\u6570\u636e\u8981\u663e\u793a\u5230\u9875\u9762\u4e2d<\/li>\n<li><code>View<\/code> \uff1avue\u4e2d\u6570\u636e\u8981\u663e\u793a\u7684HTML\u9875\u9762\uff0c\u5728vue\u4e2d\uff0c\u4e5f\u79f0\u4e4b\u4e3a\u201c<strong>\u89c6\u56fe\u6a21\u677f<\/strong>\u201d \uff08HTML+CSS\uff09<\/li>\n<li><code>ViewModel <\/code>\uff1avue\u4e2d\u7f16\u5199\u4ee3\u7801\u65f6\u7684vm\u5bf9\u8c61\uff0c\u5b83\u662fvue.js\u7684\u6838\u5fc3\uff0c\u8d1f\u8d23\u8fde\u63a5 View \u548c Model\u6570\u636e\u7684<strong>\u4e2d\u8f6c<\/strong>\uff0c\u4fdd\u8bc1\u89c6\u56fe\u548c\u6570\u636e\u7684\u4e00\u81f4\u6027\uff0c\u6240\u4ee5\u524d\u9762\u4ee3\u7801\u4e2d\uff0cdata\u91cc\u9762\u7684\u6570\u636e\u88ab\u663e\u793a\u4e2dp\u6807\u7b7e\u4e2d\u5c31\u662fvm\u5bf9\u8c61\u81ea\u52a8\u5b8c\u6210\u7684\uff08<strong>\u53cc\u5411\u6570\u636e\u7ed1\u5b9a<\/strong>\uff1aJS\u4e2d\u53d8\u91cf\u53d8\u4e86\uff0cHTML\u4e2d\u6570\u636e\u4e5f\u8ddf\u7740\u6539\u53d8\uff09<\/li>\n<\/ul>\n<p><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/tva1.sinaimg.cn\/large\/008i3skNgy1gprqsts5q2j321s09saan.jpg'><img class=\"lazyload lazyload-style-2\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  data-original=\"https:\/\/tva1.sinaimg.cn\/large\/008i3skNgy1gprqsts5q2j321s09saan.jpg\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"img\" \/><\/div><\/p>\n<h4>\u2461 MVVM\u7684\u7279\u6027<\/h4>\n<ul>\n<li><strong>\u4f4e\u8026\u5408<\/strong>\uff1a<code>\u89c6\u56fe<\/code>\uff08View\uff09\u53ef\u4ee5<code>\u72ec\u7acb\u4e8eModel\u53d8\u5316\u548c\u4fee\u6539<\/code>\uff0c1\u4e2aViewModel\u53ef\u4ee5\u7ed1\u5b9a\u5230\u4e0d\u540c\u7684View\u4e0a\uff0c\u5f53View\u53d8\u5316\u7684\u65f6\u5019 Model\u53ef\u4ee5\u4e0d\u53d8\uff0c\u5f53Model\u53d8\u5316\u7684\u65f6\u5019 View\u4e5f\u53ef\u4ee5\u4e0d\u53d8<\/li>\n<li><strong>\u53ef\u590d\u7528<\/strong>\uff1a\u53ef\u4ee5\u628a\u4e00\u4e9b\u89c6\u56fe\u903b\u8f91\u653e\u57281\u4e2aViewModel\u4e2d\uff0c\u8ba9\u5f88\u591aView<code>\u91cd\u7528\u8fd9\u7aef\u89c6\u56fe\u7684\u903b\u8f91<\/code>\uff08\u4ee5\u6b64\u51cf\u5c11\u4ee3\u7801\u5197\u4f59\uff09<\/li>\n<li><strong>\u72ec\u7acb\u5f00\u53d1<\/strong>\uff1a<code>\u5f00\u53d1<\/code>\u4eba\u5458\u53ef\u4ee5\u4e13\u6ce8\u4e8e<code>\u4e1a\u52a1\u903b\u8f91<\/code>\u548c<code>\u6570\u636e\u7684\u5f00\u53d1<\/code>\uff08ViewModel\uff09\uff0c<code>\u8bbe\u8ba1<\/code>\u4eba\u5458\u53ef\u4ee5\u4e13\u6ce8\u4e8e<code>\u9875\u9762\u8bbe\u8ba1<\/code><\/li>\n<li><strong>\u53ef\u6d4b\u8bd5<\/strong>\uff1a\u754c\u9762\u5143\u7d20\u662f\u6bd4\u8f83\u96be\u4ee5\u6d4b\u8bd5\u7684\uff0c\u800c\u73b0\u5728\u7684\u6d4b\u8bd5\u53ef\u4ee5<code>\u9488\u5bf9ViewModel<\/code>\u6765\u7f16\u5199<\/li>\n<\/ul>\n<h4>\u2462 MVVM\u7684\u903b\u8f91<\/h4>\n<p><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/tva1.sinaimg.cn\/large\/008i3skNgy1gprqt5s5v2j30u00yr75o.jpg'><img class=\"lazyload lazyload-style-2\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  data-original=\"https:\/\/tva1.sinaimg.cn\/large\/008i3skNgy1gprqt5s5v2j30u00yr75o.jpg\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"img\" \/><\/div><\/p>\n<h3>4.\u7ec4\u4ef6\u5316\u5f00\u53d1\u3001\u5355\u9875\u9762\u5f00\u53d1<\/h3>\n<h4>\u7ec4\u4ef6\u5316\u5f00\u53d1<\/h4>\n<p>\u7c7b\u4f3c\u4e8eDTL\u4e2d\u7684<code>include<\/code>\uff0c<strong>\u6bcf\u4e00\u4e2a\u7ec4\u4ef6<\/strong>\u7684\u5185\u5bb9\u90fd\u53ef\u4ee5\u88ab<strong>\u66ff\u6362<\/strong>\u548c<strong>\u590d\u7528<\/strong><\/p>\n<p><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/tva1.sinaimg.cn\/large\/008i3skNgy1gprqthy0spj31fx0u0wf8.jpg'><img class=\"lazyload lazyload-style-2\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  data-original=\"https:\/\/tva1.sinaimg.cn\/large\/008i3skNgy1gprqthy0spj31fx0u0wf8.jpg\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"img\" \/><\/div><\/p>\n<h4>\u5355\u9875\u9762\u5f00\u53d1<\/h4>\n<p>\u53ea\u9700\u89811\u4e2a\u9875\u9762\uff0c\u7ed3\u5408\u7ec4\u4ef6\u5316\u5f00\u53d1\u6765\u66ff\u6362\u9875\u9762\u4e2d\u7684\u5185\u5bb9<\/p>\n<p>\u9875\u9762\u7684\u5207\u6362\u53ea\u662f\u7ec4\u4ef6\u7684\u66ff\u6362\uff0c\u9875\u9762\u8fd8\u662f\u53ea\u67091\u4e2a<code>index.html<\/code><\/p>\n<h3>5.\u7248\u672c<\/h3>\n<p>1.X\uff1a\u4f7f\u7528\u5f97\u8f83\u5c11<\/p>\n<p>2.X\uff1a<strong>\u666e\u904d\u4f7f\u7528<\/strong><\/p>\n<p>3.X\uff1a\u521a\u51fa\u6ca1\u591a\u4e45\uff0c\u53ea\u6709Beta\u7248<\/p>\n<h3>6.\u5f15\u5165\u65b9\u5f0f<\/h3>\n<h4>\u2460 CDN\u7684\u65b9\u5f0f\u5f15\u5165<\/h4>\n<pre><code class=\"language-html\">&lt;script src=&quot;https:\/\/cdn.jsdelivr.net\/npm\/vue\/dist\/vue.js&quot;&gt;&lt;\/script&gt;<\/code><\/pre>\n<h4>\u2461 \u4e0b\u8f7d\u540e\u5bfc\u5165<\/h4>\n<p>\u5176\u5b9e\u5c31\u662f\u76f4\u63a5\u5728\u6d4f\u89c8\u5668\u4e2d\u6253\u5f00https:\/\/cdn.jsdelivr.net\/npm\/vue\/dist\/vue.js\uff0c\u7136\u540e\u590d\u5236\u4e0b\u6765\uff0c\u521b\u5efa\u4e00\u4e2ajs\u6587\u4ef6\u518d\u7c98\u8d34\u8fdb\u53bb<\/p>\n<pre><code class=\"language-html\">&lt;script src=&quot;js\/vue.js&quot;&gt;&lt;\/script&gt;<\/code><\/pre>\n<h3>7.\u8865\u5145<\/h3>\n<h4>\u89e3\u91ca\u578b\u7684\u8bed\u8a00\u662f\u9700\u8981\u89e3\u91ca\u5668\u7684<\/h4>\n<p>js\u5c31\u662f\u4e00\u95e8\u89e3\u91ca\u578b\u8bed\u8a00\uff0c\u53ea\u4e0d\u8fc7js\u89e3\u91ca\u5668\u88ab\u96c6\u6210\u5230\u4e86\u6d4f\u89c8\u5668\u4e2d<\/p>\n<p>\u6240\u4ee5\uff0c\u5728\u6d4f\u89c8\u5668\u7684Console\u4e2d\u8f93\u5165\u547d\u4ee4\uff0c\u5c31\u548c\u5728cmd\u4e2d\u8f93\u5165python\u540e\uff0c\u8fdb\u5165\u4ea4\u4e92\u5f0f\u73af\u5883\u4e00\u6837<\/p>\n<h4>nodejs\uff1a\u4e00\u95e8\u540e\u7aef\u8bed\u8a00<\/h4>\n<p>\u628achrome\u7684v8\u5f15\u64ce\uff08\u89e3\u91ca\u5668\uff09\uff0c\u5b89\u88c5\u5230\u64cd\u4f5c\u7cfb\u7edf\u4e4b\u4e0a<\/p>\n<h3>8.\u7b80\u5355\u4f7f\u7528<\/h3>\n<h4>index.html<\/h4>\n<pre><code class=\"language-html\">&lt;!DOCTYPE html&gt;\n&lt;html lang=&quot;en&quot;&gt;\n&lt;head&gt;\n    &lt;meta charset=&quot;UTF-8&quot;&gt;\n    &lt;title&gt;vue\u7684\u7b80\u5355\u4f7f\u7528&lt;\/title&gt;\n    &lt;script src=&quot;https:\/\/cdn.bootcdn.net\/ajax\/libs\/vue\/2.6.12\/vue.min.js&quot;&gt;&lt;\/script&gt;\n&lt;\/head&gt;id\n&lt;body&gt;\n\n&lt;div id=&quot;box&quot;&gt;\n    {{name}}\n&lt;\/div&gt;\n\n&lt;\/body&gt;\n&lt;script&gt;\n    let vm = new Vue({\n        el: &#039;#box&#039;, \/\/ \u5728box\u8fd9\u4e2adiv\u4e2d\u53ef\u4ee5\u5199 vue\u7684\u8bed\u6cd5\n        data: {\n            name: &#039;Hello World&#039;\n        }\n    })\n&lt;\/script&gt;\n&lt;\/html&gt;<\/code><\/pre>\n<h4>\u53cc\u5411\u6570\u636e\u7ed1\u5b9a\u6d4b\u8bd5<\/h4>\n<pre><code class=\"language-js\">vm._data.name=&#039;darker&#039;    \/\/ \u4fee\u6539js\u4e2d\u53d8\u91cf\u7684\u503c\n\n$(&#039;#box&#039;).text(&#039;hahah&#039;)    \/\/ \u4fee\u6539HTML\u7684div\u4e2d\u7684\u503c<\/code><\/pre>\n<p><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/tva1.sinaimg.cn\/large\/008i3skNgy1gprqtvb0w1g314o0n6wg6.gif'><img class=\"lazyload lazyload-style-2\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  data-original=\"https:\/\/tva1.sinaimg.cn\/large\/008i3skNgy1gprqtvb0w1g314o0n6wg6.gif\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"img\" \/><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Vue\u5165\u95e8 \u96f6\uff1a\u524d\u7aef\u76ee\u524d\u5f62\u52bf \u524d\u7aef\u7684\u53d1\u5c55\u53f2 1.HTML(5)\u3001CSS(3)\u3001JavaScript(ES5\u3001E [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[3,431],"tags":[],"_links":{"self":[{"href":"https:\/\/egonlin.com\/index.php?rest_route=\/wp\/v2\/posts\/7758"}],"collection":[{"href":"https:\/\/egonlin.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/egonlin.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/egonlin.com\/index.php?rest_route=\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/egonlin.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7758"}],"version-history":[{"count":0,"href":"https:\/\/egonlin.com\/index.php?rest_route=\/wp\/v2\/posts\/7758\/revisions"}],"wp:attachment":[{"href":"https:\/\/egonlin.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7758"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/egonlin.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=7758"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/egonlin.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=7758"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}