首页 > 其他 > 详细

vuex使用

时间:2018-10-11 00:24:17      阅读:186      评论:0      收藏:0      [点我收藏+]

1.装包:npm install vuex -S

2.引入:import Vuex from ‘vuex‘      //这些都是写在man.js中

3.加载到Vue中:Vue.use(Vuex)

4.创建一个数据存储对象:

   var store=new Vuex.Store({

        state:{               //state用来专门用来存储数据的,相当于data ; 组件内部想调用:this.$store.state.num  

             num:0

       },

        mutations:{    //mutations用来操作state里面的数据的,相当于methods

             add(state,object){     //add(state,object) 方法中,只能有两个参数,第一个参数永远是state,第二个参数可以是任意类型;                                                    state.mum++       // 组件调用:this.$store.commit("add",{count:1,counts:2})

             }

       },

        getters:{    //把数据包装一层向外提供,其中state中的值发生改变了,getters中的值也会变,跟computed类似

            stutack(state){    

               return "当前最新的数据是"+state.num

            } 

        }

   }) 

 

vuex使用

原文:https://www.cnblogs.com/huanhuan55/p/9769883.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!