问题: 想在 uniapp vue3 的项目中使用 vuex,尝试着直接套用官方的模板,下面直接贴上代码

// 页面路径:store/index.js 
import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex);//vue的插件机制

//Vuex.Store 构造器选项
const store = new Vuex.Store({
	state:{//存放状态
		"username":"foo",
		"age":18
	}
})
export default store

官方的实例应该还是停留在 vue2 的版本,Vue.use() 是 Vue2 安装插件的方式,而在 Vue3 版本中,import Vue from 'vue' 并不能到处 vue 这个包,故在编译时会有以下的报错
在这里插入图片描述

解决:
把import vue删了,vue.use 也不需要。

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐