vue.js环境搭建,vuex项目使用

　　本文主要介绍Vue搭建Vuex环境，具有一定的参考价值。感兴趣的朋友可以参考一下，希望能帮到你。

目录

　　构建Vuex环境概述

搭建Vuex环境

　　在src目录中创建一个文件夹存储，并在存储文件夹中创建一个index.js文件。

　　Index.js用于在Vuex中创建核心存储。

　　//scr/vuex/index.js

　　//介绍Vuex

　　从“vuex”导入Vuex

　　//用于响应组件中的操作

　　常量操作={}

　　//用于操作数据

　　常量突变={}

　　//用于存储数据

　　常量状态={}

　　//创建商店

　　const store=new Vuex。商店({

　　行动，

　　突变，

　　状态

　　})

　　//导出存储

　　导出默认存储

　　//main.js

　　从“vue”导入Vue

　　从导入应用程序。/App.vue

　　从“vuex”导入Vuex

　　从导入存储。/存储/索引

　　Vue.use(Vuex)

　　新Vue({

　　render:h=h(App)，

　　商店

　　}).$ mount(“# app”)

　　但是这样会出现报错：

　　[vuex]在创建商店实例之前必须调用Vue.use(Vuex)

　　意思为: [vuex]在创建商店实例之前，必须调用Vue.use(Vuex)。

　　原因:当我们导入存储时，我们首先执行导入文件的代码，所以当执行下面的代码时，导入的文件已经被执行了。

　　在这种情况下，我们交换两行代码：import store from 。/store/index 和Vue.use(Vuex)。

　　但实际结果是：[vuex]在创建store实例之前必须调用vue.use (vuex)，仍然报错。

　　原因:这是支架解析导入语句的问题。它会把import引入的文件提前，放在代码的开头，然后解析这个文件的代码。

　　正确的写法：

　　//SCR/store/索引. js

　　//介绍Vuex和Vue

　　从“vuex”导入Vuex

　　从“vue”导入Vue

　　//应用Vuex插件

　　Vue.use(Vuex)

　　//用于响应组件中的操作

　　常量操作={}

　　//用于操作数据

　　常量突变={}

　　//用于存储数据

　　常量状态={}

　　//创建商店

　　const store=new Vuex。商店({

　　行动，

　　突变，

　　状态

　　})

　　//导出存储

　　导出默认存储

　　//main.js

　　从“vue”导入Vue

　　从导入应用程序。/App.vue

　　从导入存储。/存储/索引

　　新Vue({

　　render:h=h(App)，

　　商店

　　}).$ mount(“# app”)

总结

　　本文到此为止。希望能帮到你，也希望你能多关注我们的更多内容！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。