深入理解基于vue-cli的vuex配置 - 行业资讯 - 肥雀云

本文介绍了基于vue-cli的vuex配置,分享给大家,希望对大家有帮助
　　

<强>首先成功运行vue-cli项目
　　

安装vuex 　　　　　　cnpm我vuex——保存　　　　

修改配置文件

存储　　

新建文件夹存储(与路由器同级),然后在商店目录下新建index.js

　　　　　　从“进口Vue Vue '; 　　从“进口Vuex Vuex '; 　　　　Vue.use (Vuex); 　　出口默认新Vuex.Store ({ 　　严格:process.env。NODE_ENV !==? 　　模块:{ 　　　　}，　　getter: { 　　　　}，　　行动:{ 　　　　}，　　}）; 　　之前　　　　

main.js 　　　　　　从“Vue”进口Vue 　　从“进口路由器。/路由器的　　从“进口商店。/存储的　　　　Vue.config。productionTip=false/* eslint-disable没有新*/新Vue ({ 　　路由器, 　　商店　　})。美元山(“#应用”) 　　　　之前　　　　

index . html 　　　　　　& lt; !DOCTYPE html> 　　& lt; html> 　　& lt; head> 　　& lt;元charset=皍tf - 8”比; 　　& lt; title> vue-cli 　　& lt;/head> 　　& lt; body> 　　& lt; div id=坝τ谩北? 　　& lt; router-view> & lt;/router-view> 　　& lt;/div> 　　& lt;/body> 　　& lt;/html> 　　之前　　　　

上面对main.js和index . html做了修改。主要是符合个人的用法,这样的好处是根组件只有index . html(如果可以理解为组件),而不是有app.vue和索引。html两个。
　　

直观上来看可能这样就会出现每个组件都要引一个导航栏的问题,这样可能不太好。但是从过往的开发经验来看,如果在app.vue中定义了导航栏,那么相应的在app.vue中就要加入相应的业务逻辑,网站规模大了之后app.vue的业务逻辑会越来越多,不利于管理。(所以这里app.vue就可以删除了)

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。