vue.js如何安装vuex-木庄网络博客

vue.js如何安装vuex

2022-04-18 00:34:37 PHP中文网 JavaScript 百度已收录

本文摘自PHP中文网，作者coldplay.xixi，侵删。

vue.js安装vuex的方法：首先进入项目路径后，在项目终端输入相关代码；然后在项目的package json文件中显示vuex插件；接着在项目src目录中新建store js；最后在【main.js】中应用vuex即可。

本教程操作环境：windows7系统、Vue2.9.6版，该方法适用于所有品牌电脑。

vue.js安装vuex的方法：

1、安装：

　　进入项目路径后，在项目终端输入：npm install vuex --save 或者 cnpm install vuex --save

2、安装完成后，会在项目的package.json文件中显示vuex插件，如下：

"dependencies": {
  "vue": "^2.5.2",
  "vue-router": "^3.0.1",
  "vuex": "^3.3.0"
},

3、再项目src目录中新建store.js，文件内容如下：

import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex);
export default new Vuex.Store({
    //所有的数据都放在state中
    state:{},
    //操作数据，唯一的通道是mutations
    mutations:{},
    //actions,可以来做异步操作，然后提交给mutations，而后再对state(数据)进行操作
    actions:{}
})