在VUE中,有VUEX进行状态管理,但一般用于大型项目构建。如果是小项目,推荐VUE官网的简单状态管理store。这个简单的状态管理存储的用法与VUEX类似。1.在项目中新建一个store.js文件,然后按照官网推荐的方法把要管理的state和method放在里面,然后export出来暴露。exportvarstore={debug:true,state:{/*要管理的状态*/count:0,name:'store'},setNewCount(newVal){/*修改状态的方法*/this.state.count=新值;},setNewName(newVal){/*修改状态的方法*/this.state.name=newVal;}}2。在需要使用这个状态的组件中引入这个文件:import{store}from'../../store.js'3.然后将需要的数据放入组件的数据中,或者直接在方法中使用:name:store.state.name4。如果需要修改store中的state,直接调用store中的修改方法:chgName(){letnewName='222';this.name=newName;store.setNewName(newName);},这里有个问题,如果只执行store里面的修改方法,这个组件里面的组件名称是不会实时修改的,加watch监听也是不行的。分配修改必须单独执行。这个问题我还没弄明白,希望知道的能指点一下。5、现在进入其他引入store进行状态管理的组件,可以看到新的值。
