state
state:定义公共数据
全局state
任何组件内都可以访问
在vuex的配置项类里面定义:![](https://i-blog.csdnimg.cn/blog_migrate/4ee699da84e3e0d4ed14e3dde96a3624.png#pic_center)
访问:
在插值表达式中:插值表达式前面不用加this 在下面的模块中才需要加
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/2d6d2d1327ca9d994641249f2579dac8.png#pic_center)
在下面的模块中:
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/7408008b9e21fb22078290ba969e6d75.png#pic_center)
modules的作用
拆分模板,把复杂的场景按模块来拆开 访问模块中的数据,要加上模块名
使用modulse中的state
创建一个modulse 在modulse中定义state:
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/27f5fe5d4894db493ead929fbc4943a8.png#pic_center)
在vuex中引入,并在modulse 属性中配置 模块名:引入的模块名
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/5226d89f8e6f6c5f835ced99eaf9863f.png#pic_center)
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/77c8a03c1d8bc9f0a36340d61b3e76be.png#pic_center)
访问:如果定义了namespaced: true,则需要在state后面加上模块名 推荐设置true
插值表达式中:
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/926956851ee26ee4bf4fac3c6952a647.png#pic_center)
在下面的模块中:
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/a287ad12b5d26a6d2c16e07855311dde.png#pic_center)