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')
相关推荐
孩子 你要相信光4 分钟前
css之一个元素可以同时应用多个动画效果
前端·css
萌萌哒草头将军5 分钟前
Oxc 和 Rolldown Q4 更新计划速览!🚀🚀🚀
javascript·vue.js·vite
huangql52015 分钟前
npm 发布流程——从创建组件到发布到 npm 仓库
前端·npm·node.js
Qlittleboy29 分钟前
uniapp如何使用本身的字体图标
javascript·vue.js·uni-app
Days205031 分钟前
LeaferJS好用的 Canvas 引擎
前端·开源
小白菜学前端1 小时前
vue2 常用内置指令总结
前端·vue.js
林_深时见鹿1 小时前
Vue + ElementPlus 自定义指令控制输入框只可以输入数字
前端·javascript·vue.js
GDAL1 小时前
Knockout.js 任务调度模块详解
javascript·knockout
椒盐螺丝钉1 小时前
Vue组件化开发介绍
前端·javascript·vue.js
koooo~1 小时前
v-model与-sync的演变和融合
前端·javascript·vue.js