视频加载中...

　　Store.js的使用，分为以下几个步骤：

　　引入store.js

　　Import store from ‘../vuex/store.js’

　　注册store在DOM中使用

　　{{ this.$store.state.count }}

　　我们知道了如果何将共享库里的数据展示在页面上了，但是如果数据库里的数据不满足我们的需要，我们需要扩展数据的使用怎么办呢？一定要记住一个原则：不要在当前页面修改共享库里的数据，一定要通知store.js，让其对数据进行操作。这样数据才不会乱，才好统一管理。就如同我们在家里放东西，我们用完任何东西要归位，以便下回使用时直接去原来的地方找一样的道理噢！

　　下面就看下如何去修改数据吧：

　　首先呢，我们需要在DOM里创建一个button按钮来触发事件

　　加

　　接下来呢，我们在方法里去通知store.js，我要修改数据了！我们上一节课已经完成了数据累加的方法。所以呢，我们需要在本页只需通知store.js里的increment就可以了：

　　methods: {

　　incre() {

　　this.$storemit("increment")

　　}

　　}

　　在这里，我们需要注意的是，是$sotre,而不是直接的store!切记切记！

　　还需要更正一下上节课出现的问题，store.js里的是mutations，而不是mutation哈，抱歉误倒大家了！

　　我们改变了count的数据，这个数据每次在点击button时都会+1,那么这个修改后的卖二手手游平台数据会通知到其它页面吗？

　　我们再在home.vue里呢使用store.js。再看下页面。无论在about页面添加到几，重新返回home页面时，home里显示的数据都是修改后的数据！共享库就达到了它的目的了—一组数据可以共享给所有的页面使用！

　　就到这里了，休息休息一会儿吧：）

　　如果你喜欢本文，请分享到朋友圈，想要获得更多信息，请关注我：Web前端风暴