{"id":1098,"date":"2024-03-07T10:49:43","date_gmt":"2024-03-07T02:49:43","guid":{"rendered":"http:\/\/ericw.top\/?p=1098"},"modified":"2024-03-07T10:49:43","modified_gmt":"2024-03-07T02:49:43","slug":"%e6%9e%84%e5%bb%bavuex%e7%8e%af%e5%a2%83-%e5%a4%9a%e7%bb%84%e4%bb%b6%e6%95%b0%e6%8d%ae%e5%85%b1%e4%ba%ab","status":"publish","type":"post","link":"http:\/\/ericw.top\/?p=1098","title":{"rendered":"\u6784\u5efavuex\u73af\u5883  [\u591a\u7ec4\u4ef6\u6570\u636e\u5171\u4eab]"},"content":{"rendered":"\n<p>\u5047\u5982\u6709\u4e09\u4e2a\u7ec4\u4ef6, \u5171\u4eab\u4e00\u4efd\u6570\u636e<\/p>\n\n\n\n<ul>\n<li>\u4efb\u610f\u4e00\u4e2a\u7ec4\u4ef6\u90fd\u53ef\u4ee5\u4fee\u6539\u6570\u636e<\/li>\n<\/ul>\n\n\n\n<ul>\n<li>\u4e09\u4e2a\u7ec4\u4ef6\u7684\u6570\u636e\u662f\u540c\u6b65\u7684<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" width=\"977\" height=\"697\" src=\"http:\/\/ericw.top\/wp-content\/uploads\/2024\/03\/image-15.png\" alt=\"\" class=\"wp-image-1099\" style=\"width:644px;height:auto\" srcset=\"http:\/\/ericw.top\/wp-content\/uploads\/2024\/03\/image-15.png 977w, http:\/\/ericw.top\/wp-content\/uploads\/2024\/03\/image-15-300x214.png 300w, http:\/\/ericw.top\/wp-content\/uploads\/2024\/03\/image-15-768x548.png 768w\" sizes=\"(max-width: 977px) 100vw, 977px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"toc-0\">\u521b\u5efa\u4e00\u4e2a\u7a7a\u4ed3\u5e93<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"108\" src=\"http:\/\/ericw.top\/wp-content\/uploads\/2024\/03\/image-16-1024x108.png\" alt=\"\" class=\"wp-image-1100\" srcset=\"http:\/\/ericw.top\/wp-content\/uploads\/2024\/03\/image-16-1024x108.png 1024w, http:\/\/ericw.top\/wp-content\/uploads\/2024\/03\/image-16-300x32.png 300w, http:\/\/ericw.top\/wp-content\/uploads\/2024\/03\/image-16-768x81.png 768w, http:\/\/ericw.top\/wp-content\/uploads\/2024\/03\/image-16.png 1331w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>\u64cd\u4f5c\u6b65\u9aa4\uff1a<\/strong><\/p>\n\n\n\n<p>1\u3001\u5b89\u88c5 vuex   \uff08\u5982\u679c\u5728\u81ea\u5b9a\u4e49\u521b\u5efa\u9879\u76ee\u65f6\u9009\u62e9\u4e86vuex\u73af\u5883\uff0c\u53ef\u4ee5\u4e0d\u7528\u518d\u6b21\u5b89\u88c5\uff09<br><code class=\"prettyprint\" >npm i vuex@3<\/code><\/p>\n\n\n\n<p>2\u3001\u65b0\u5efavuex\u6587\u4ef6 <code class=\"prettyprint\" >store\/index.js<\/code> <br>\u5728src\u76ee\u5f55\u4e0b\u65b0\u5efa\u4e00\u4e2astore\u76ee\u5f55\u5176\u4e0b\u653e\u7f6e\u4e00\u4e2aindex.js\u6587\u4ef6<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" width=\"1024\" height=\"364\" src=\"http:\/\/ericw.top\/wp-content\/uploads\/2024\/03\/image-17-1024x364.png\" alt=\"\" class=\"wp-image-1101\" style=\"width:516px;height:auto\" srcset=\"http:\/\/ericw.top\/wp-content\/uploads\/2024\/03\/image-17-1024x364.png 1024w, http:\/\/ericw.top\/wp-content\/uploads\/2024\/03\/image-17-300x107.png 300w, http:\/\/ericw.top\/wp-content\/uploads\/2024\/03\/image-17-768x273.png 768w, http:\/\/ericw.top\/wp-content\/uploads\/2024\/03\/image-17.png 1074w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>3\u3001\u521b\u5efa\u4ed3\u5e93 \u5728<code class=\"prettyprint\" >store\/index.js<\/code>\u4e2d <\/p>\n\n\n\n<pre class=\"wp-block-code\"><code class=\"prettyprint\" >\/\/ \u5bfc\u5165 vue\r\nimport Vue from &#039;vue&#039;\r\n\/\/ \u5bfc\u5165 vuex\r\nimport Vuex from &#039;vuex&#039;\r\n\/\/ vuex\u4e5f\u662fvue\u7684\u63d2\u4ef6, \u9700\u8981use\u4e00\u4e0b, \u8fdb\u884c\u63d2\u4ef6\u7684\u5b89\u88c5\u521d\u59cb\u5316\r\nVue.use(Vuex)\r\n\r\n\/\/ \u521b\u5efa\u4ed3\u5e93 store\r\nconst store = new Vuex.Store()\r\n\r\n\/\/ \u5bfc\u51fa\u4ed3\u5e93\r\nexport default store<\/code><\/pre>\n\n\n\n<p>4\u3001\u5bfc\u5165<code class=\"prettyprint\" >store<\/code>\u5230\u9879\u76ee\u6587\u4ef6<code class=\"prettyprint\" >main.js<\/code>\u4e2d \uff0c\u7136\u540e\u6302\u8f7d\u5230Vue\u5b9e\u529b\u4e0a<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code class=\"prettyprint\" >import Vue from &#039;vue&#039;\r\nimport App from &#039;.\/App.vue&#039;\r\nimport store from &#039;.\/store&#039;\r\n\r\nVue.config.productionTip = false\r\n\r\nnew Vue({\r\n  render: h =&gt; h(App),\r\n  store\r\n}).$mount(&#039;#app&#039;)<\/code><\/pre>\n\n\n\n<p>\u8fd9\u6837\u5c31\u521b\u5efa\u4e86\u4e00\u4e2avuex\u7684\u65b0\u4ed3\u5e93<\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u5047\u5982\u6709\u4e09\u4e2a\u7ec4\u4ef6, \u5171\u4eab\u4e00\u4efd\u6570\u636e \u521b\u5efa\u4e00\u4e2a\u7a7a\u4ed3\u5e93 \u64cd\u4f5c\u6b65\u9aa4\uff1a 1\u3001\u5b89\u88c5 vuex \uff08\u5982\u679c\u5728\u81ea\u5b9a\u4e49\u521b\u5efa\u9879\u76ee\u65f6\u9009\u62e9\u4e86 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1102,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[17,5],"tags":[],"_links":{"self":[{"href":"http:\/\/ericw.top\/index.php?rest_route=\/wp\/v2\/posts\/1098"}],"collection":[{"href":"http:\/\/ericw.top\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/ericw.top\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/ericw.top\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/ericw.top\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1098"}],"version-history":[{"count":1,"href":"http:\/\/ericw.top\/index.php?rest_route=\/wp\/v2\/posts\/1098\/revisions"}],"predecessor-version":[{"id":1103,"href":"http:\/\/ericw.top\/index.php?rest_route=\/wp\/v2\/posts\/1098\/revisions\/1103"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/ericw.top\/index.php?rest_route=\/wp\/v2\/media\/1102"}],"wp:attachment":[{"href":"http:\/\/ericw.top\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1098"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/ericw.top\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1098"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/ericw.top\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1098"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}