北京中科白癜风医院爱心传递 http://nb.ifeng.com/a/20190521/7468801_0.shtml说明：其实如果项目不是很庞大很复杂，没有涉及到很多状态值需要被很多页面或组件共用；或者某个页面或组件的行为会对其他页面或组件造成依赖性的影响。并不需要使用vuex。vuex的使用与否在实际开发中应该视项目情况而定。准备工作：a.在vue项目中安装vuex:npminstallvuex-S。b.了解下vuex的五个属性。vuex个属性五个属性的作用：state：用来存储vuex的基本数据。getter：可以说相当于state的计算属性，对vuex的基本数据进行一些操作。mutations：提交变更的数据，只能处理同步函数。actions：不能直接改变state的数据，而是提交一个mutations，任意的异步行为都应该在actions中。modules：模块化管理vuex，实现项目中拆分的每个功能模块都有各自的state，getter，mutations，actions。(这个基本很少用到)demo的演示：在项目的src目录创建一个store目录，并创建一个index.js文件：该js文件，引入一个vue实例，和一个vuex实例，将vuex挂载到当前的vue实例，并创建一个store对象，向外暴露store对象：我这里另外创建了两个组件，分别作为A页面和B页面，共享state中的一个状态值num(默认值我给他)A页面和B页面使用state中的num属性：在template直接使用时：store.state.num；data中或methods中使用：this.store.state.num；当项目启动进入A页面：进入B页面：在页面A中改变num的值：store目录的index.js文件中actions里边的方法：1.A页面更改number值后，dispatch操作，触发actions对象里边对应的方法editfun,editfun有两个参数，context为上下文对象，n为接收A页面传过来的参数的形参。2.actions不对state的状态值进行更改，只是
转载请注明：http://www.aierlanlan.com/cyrz/9188.html
