认识vuex&vuex基础项目构建

认识vuex

vue介绍


vue核心概念

构建项目

1.进入项目文件夹下，创建项目vuexdemo1

vue create vuexdemo1

2.进入项目，安装vuex

cd vuexdemo1/
cnpm install vuex --save

3.在Hbuilder打开该项目目录，打开main.js，并编辑如下内容：

4.在App.vue中获取count

5.效果：对应main.js中的count：0

6.升级为计算属性computed

7.使用vuex来写，在main.js中定义mutations

8.App.vue中定义button标签和methods

9.浏览器效果，点击按钮可以增加

10.拓展：点击直接跳到设置的数量
main.js的 mutations对象中增加变量v：

App.vue的methods函数中提交参数固定值：

效果：点击按钮直接增至999