vue 安装并配置vuex

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页面

复制代码
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页面

复制代码
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')
相关推荐
道可到2 分钟前
程序员养生十大违章:你中了几条?
前端·后端·面试
Guo_Pian3 分钟前
vite核心原理
前端·架构
斜向生4 分钟前
【JavaScript正则表达式指南】——正则表达式入门:创建、方法与标志详解
前端
朕的剑还未配妥5 分钟前
Vue2函数式组件实战:手写可调用的动态组件,适用于toast轻提示、tip提示、dialog弹窗等
前端
这可不简单7 分钟前
前端性能优化:从浏览器渲染原理到实战(告别 “知其然不知其所以然”)
前端·css·面试
前端开发爱好者13 分钟前
尤雨溪宣布:Vite 纪录片震撼发布!
前端·javascript·vue.js
北城以北888822 分钟前
ES6(二)
前端·javascript·es6
科兴第一吴彦祖23 分钟前
基于Spring Boot + Vue 3的乡村振兴综合服务平台
java·vue.js·人工智能·spring boot·推荐算法
朕的剑还未配妥37 分钟前
移动端触摸事件与鼠标事件的触发机制详解
前端
墨鱼鱼41 分钟前
【征文计划】Rokid JSAR 实践指南:打造沉浸式 "声动空间盒" 交互体验
前端