1.安装vuex命令:npm i vuex@3.6.2
2.全局配置 在main文件里边导入-安装-挂载
main.js页面配置的
import Vue from 'vue'
import App from './App.vue'
import Vuex from 'vuex'//导入
Vue.use(Vuex)//安装插件
// 创建store对象
const store = new Vuex.Store({
})
// 挂载到vue对象上
new Vue({
render: h => h(App),
store
}).$mount('#app')
配置成功后会出现这个页面 我这个是给谷歌浏览器安装了一个vue插件谷歌浏览器安装vue2 vue插件
感觉main页面里边配置内容太多,可以单独把vuex拉出来
index.js页面文章来源:https://www.toymoban.com/news/detail-652533.html
import Vue from 'vue'
//1.导入
import Vuex from 'vuex'
//2.安装插件
Vue.use(Vuex)
// 3.创建store对象
const store = new Vuex.Store({
})
// 4.导出store对象
export default store
main.js页面文章来源地址https://www.toymoban.com/news/detail-652533.html
import Vue from 'vue'
import App from './App.vue'
import 'bootstrap/dist/css/bootstrap.min.css'
// 1.引入store对象
import store from './store/index'
// 2.挂载到vue对象上
new Vue({
render: h => h(App),
store
}).$mount('#app')
到了这里,关于vue 安装并配置vuex的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!