搭建vueX环境

2021/7/27 23:07:02

本文主要是介绍搭建vueX环境,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

 总结:

 

 

1.安装插件并在main.js里面引用

 

 

 只有写了前面那些配置项,vue才会认识这个store的配置项,vm上才会有 

如果vue发现有不认识的配置项就会丢弃掉

发现组件和vm上都有了$store

 

2.创建store文件夹,里面建立index.js

 

 

 

 

 发现报错,是因为,store的创建位置不对

应该在在vue.user(vuex)之后创建store

 

 原因分析

当这边引用我们在store里面index.js里面写的,第十行引入时,就把store的index.js里面的代码执行完毕了

也就是说此时都已经创建store

然后再回到main.js里面创建vue 即连vue实例都没有创建那store怎么放到vm上面 

但是如果想当然就把 引用和使用的位置换一下.一样报错

发现换了下位置跟前面报错一模一样

 

 

其实这是vue解析import的一个问题

这边正常引用

 

输出

 

 

把它顺序改变下

 

发现还是import优先调用

也就是对于vue cli来说,它会优先扫描import的内容对import进行顺序执行

解决方法,把这边的vue.use(Vuex)写到 store文件夹的index.js文件夹上方,在创建store前

store/index.js

 

str/main.js

 

然后我们观察$sore上面的值

有我们最想看到的dipatch和commit

 

 



这篇关于搭建vueX环境的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程