在vue的官方文档中,我们可以看到这么一小段状态管理。这一段很简单,我们很容易忽略它,以为它只是对vuex的引用。其实vue提供了一种简单的状态管理方式,无需引入重量级的vuex,却可以获得类似vuex的体验。下面简单介绍一下我理解的用法:首先,我们先创建一个store.js文件:exportdefault{//这是存放值的地方,比如我们要存放id值,则默认是0state:{id:0},这是一个暴露的方法,可以用来操作值set(value){this.state.id=value;}}之后需要在使用的地方引入:importstorefrom'../../vuex/storeModule'然后就可以这样使用store了:data(){return{id:store.state}}methods:{setid(value){store.set(value)}}看起来与vuex非常相似。但是和vuex不同的是,这是一个本地的vuex,不是全局的。想了想,这好像不是vue提供的store模式,而是模块化自带的东西,和vue无关。应该说vuex的实现一般都是基于这种模式。所以我们的写法是模拟一个简单版的vuex。这里有疑点,后面我们会继续调查。
