vuex的安装及使用

安装vuex

npm install vuex --save  //这里的--save的意思就是说在生产环境也是需要vuex的，所以要加--save

注意在mutations在组件中的使用:

<button @click="$store.commit('add',20)"></button> 
//注意$store.commit中的add是指stors.js中的mutations中的方法名，后面的20指的是参数

引用状态使用mapState['count'],这里的count指的就是state中保存的状态值

引用方法使用mapMutations

通过vue-cli打包之后上传到服务器的方法：

首先需要找到config目录下的index.js中的assetsPublicPath:'/' 这是默认的写法。也就是绝对地址。可以修改为：assetsPublicPath:'./'。如果有服务器地址直接可以写服务器地址。

然后通过终端输入npm run build 进行打包，这时候会生成一个dist文件夹，里面有2个文件，一个是index.html，一个是static文件夹。直接把这2个文件给后台人员就可以了。

 

 

转载于:https://www.cnblogs.com/ommph/p/11475559.html