vue.js安装vuex的方法

这篇文章主要介绍vue.js安装vuex的方法,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

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

<强> vue。js安装vuex的方法:

1,安装:

进入项目路径后,在项目终端输入:<代码> npm安装vuex——保存> cnpm安装vuex——保存

2,安装完成后,会在项目的包。json文件中显示vuex插件,如下:

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

3,再项目src目录中新建店。js,文件内容如下:

从& # 39;进口Vue Vue # 39; 　　从& # 39;进口Vuex vuex& # 39; 　　Vue.use (Vuex); 　　出口默认新Vuex.Store ({//所有的数据都放在状态中 　　状态:{},//操作数据,唯一的通道是突变 　　突变:{},//操作,可以来做异步操作,然后提交给突变,而后再对状态(数据)进行操作 　　行动:{} 　　})

4,在主要。js中应用vuex:

导入店,然后再新Vue中使用,代码如下:

//Vue构建版本加载“进口”命令//(运行时只或独立)被设置在webpack.base。配置一个别名。 　　从& # 39;进口Vue Vue # 39; 　　从& # 39;进口程序。/应用# 39; 　　从& # 39;进口路由器。/路由器# 39; 　　从& # 39;进口商店。/商店# 39;//导入店 　　Vue.config。productionTip=false/* eslint-disable没有新*/新Vue ({ 　　艾尔:& # 39;#应用# 39; 　　路由器, 　　商店,//在新Vue中使用 　　组件:{应用}, 　　模板:& # 39;& lt;应用程序/祝辞& # 39; 　　})

以上是“vue.js安装vuex的方法”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注行业资讯频道!

vue.js安装vuex的方法