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')
相关推荐
羊羊小栈3 分钟前
基于「YOLO目标检测 + 多模态AI分析」的PCB缺陷检测分析系统(vue+flask+数据集+模型训练)
vue.js·人工智能·yolo·目标检测·flask·毕业设计·大作业
Swift社区3 分钟前
为什么 socket.io 客户端在浏览器能连上,但在 Node.js 中报错 transport close?
javascript·node.js
恋猫de小郭16 分钟前
Flutter Riverpod 3.0 发布,大规模重构下的全新状态管理框架
android·前端·flutter
wordbaby17 分钟前
用 window.matchMedia 实现高级响应式开发:API 全面解析与实战技巧
前端·javascript
薄雾晚晴22 分钟前
Rspack 实战,构建流程升级:自动版本管理 + 命令行美化 + dist 压缩,一键输出生产包
前端·javascript
huabuyu26 分钟前
在 Taro 小程序中实现完整 Markdown 渲染器的实践
前端
Running_slave28 分钟前
位运算左移右移应该怎么玩?
前端·javascript·算法
晚星star29 分钟前
在 Web 前端实现流式 TTS 播放
前端·vue.js
huabuyu29 分钟前
基于 Taro 的 Markdown AST 渲染器实现
前端
薄雾晚晴29 分钟前
Rspack 性能优化实战:JS/CSS 压缩 + 代码分割,让产物体积直降 40%
前端·javascript