{"id":1104,"date":"2024-03-07T10:58:08","date_gmt":"2024-03-07T02:58:08","guid":{"rendered":"http:\/\/ericw.top\/?p=1104"},"modified":"2024-03-07T10:58:08","modified_gmt":"2024-03-07T02:58:08","slug":"vuex-%e6%a0%b8%e5%bf%83%e6%a6%82%e5%bf%b5-state-%e7%8a%b6%e6%80%81","status":"publish","type":"post","link":"http:\/\/ericw.top\/?p=1104","title":{"rendered":"Vuex \u6838\u5fc3\u6982\u5ff5 &#8211; state \u72b6\u6001"},"content":{"rendered":"\n<p>State \u63d0\u4f9b\u552f\u4e00\u7684\u516c\u5171\u6570\u636e\u6e90\uff0c\u6240\u6709\u5171\u4eab\u7684\u6570\u636e\u90fd\u8981\u7edf\u4e00\u653e\u5230 Store \u4e2d\u7684 State \u4e2d\u5b58\u50a8\u3002<\/p>\n\n\n\n<p>\u5728 state \u5bf9\u8c61\u4e2d\u53ef\u4ee5\u6dfb\u52a0\u6211\u4eec\u8981\u5171\u4eab\u7684\u6570\u636e\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code class=\"prettyprint\" >\/\/ \u521b\u5efa\u4ed3\u5e93 store\r\nconst store = new Vuex.Store({\r\n  \/\/ state \u72b6\u6001, \u5373\u6570\u636e, \u7c7b\u4f3c\u4e8evue\u7ec4\u4ef6\u4e2d\u7684data,\r\n  \/\/ \u533a\u522b\uff1a\r\n  \/\/ 1.data \u662f\u7ec4\u4ef6\u81ea\u5df1\u7684\u6570\u636e, \r\n  \/\/ 2.state \u4e2d\u7684\u6570\u636e\u6574\u4e2avue\u9879\u76ee\u7684\u7ec4\u4ef6\u90fd\u80fd\u8bbf\u95ee\u5230\r\n  state: {\r\n    count: 101\r\n  }\r\n})<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"toc-0\">\u8bbf\u95eeVuex\u4e2d\u7684\u6570\u636e<\/h2>\n\n\n\n<p>1\u3001\u901a\u8fc7 store \u76f4\u63a5\u8bbf\u95ee:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code class=\"prettyprint\" >\u83b7\u53d6 store\uff1a\n 1.Vue\u6a21\u677f\u4e2d\u83b7\u53d6 this.$store\n 2.js\u6587\u4ef6\u4e2d\u83b7\u53d6 import \u5bfc\u5165 store\n\n\n\u6a21\u677f\u4e2d\uff1a     {{ $store.state.xxx }}\n\u7ec4\u4ef6\u903b\u8f91\u4e2d\uff1a  this.$store.state.xxx\nJS\u6a21\u5757\u4e2d\uff1a   store.state.xxx<\/code><\/pre>\n\n\n\n<p>2\u3001\u901a\u8fc7\u8f85\u52a9\u51fd\u6570 (\u7b80\u5316)<\/p>\n\n\n\n<p>mapState\u662f\u8f85\u52a9\u51fd\u6570\uff0c\u5e2e\u52a9\u6211\u4eec\u628a store\u4e2d\u7684\u6570\u636e \u81ea\u52a8 \u6620\u5c04\u5230 \u7ec4\u4ef6\u7684\u8ba1\u7b97\u5c5e\u6027\u4e2d<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" width=\"1024\" height=\"210\" src=\"http:\/\/ericw.top\/wp-content\/uploads\/2024\/03\/image-19-1024x210.png\" alt=\"\" class=\"wp-image-1105\" style=\"width:742px;height:auto\" srcset=\"http:\/\/ericw.top\/wp-content\/uploads\/2024\/03\/image-19-1024x210.png 1024w, http:\/\/ericw.top\/wp-content\/uploads\/2024\/03\/image-19-300x61.png 300w, http:\/\/ericw.top\/wp-content\/uploads\/2024\/03\/image-19-768x157.png 768w, http:\/\/ericw.top\/wp-content\/uploads\/2024\/03\/image-19.png 1358w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<pre class=\"wp-block-code\"><code class=\"prettyprint\" >\u6570\u636e\u5c55\u793a\u65f6\u7684\u6a21\u677f\u5b57\u7b26\u4e32\u683c\u5f0f\n{{ count }}\n\r\n\/\/ \u628astate\u4e2d\u6570\u636e\uff0c\u5b9a\u4e49\u5728\u7ec4\u4ef6\u5185\u7684\u8ba1\u7b97\u5c5e\u6027\u4e2d\r\ncomputed: {\r\n  count () {\r\n    return this.$store.state.count\r\n  }\r\n},<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>State \u63d0\u4f9b\u552f\u4e00\u7684\u516c\u5171\u6570\u636e\u6e90\uff0c\u6240\u6709\u5171\u4eab\u7684\u6570\u636e\u90fd\u8981\u7edf\u4e00\u653e\u5230 Store \u4e2d\u7684 State \u4e2d\u5b58\u50a8\u3002 \u5728 st [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1106,"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\/1104"}],"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=1104"}],"version-history":[{"count":1,"href":"http:\/\/ericw.top\/index.php?rest_route=\/wp\/v2\/posts\/1104\/revisions"}],"predecessor-version":[{"id":1107,"href":"http:\/\/ericw.top\/index.php?rest_route=\/wp\/v2\/posts\/1104\/revisions\/1107"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/ericw.top\/index.php?rest_route=\/wp\/v2\/media\/1106"}],"wp:attachment":[{"href":"http:\/\/ericw.top\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1104"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/ericw.top\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1104"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/ericw.top\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1104"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}