欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 健康 > 美食 > vue3工程引用vue2模块文件时所做的修改

vue3工程引用vue2模块文件时所做的修改

2025/10/28 15:19:31 来源:https://blog.csdn.net/kaida1234/article/details/139989880  浏览:    关键词:vue3工程引用vue2模块文件时所做的修改

vue3工程引用vue2模块文件,如果代码没改的话,编译运行时可能会报错:
SyntaxError: The requested module '/@fs/D:/HBuilderX.3.8.7.20230703/HBuilderX/plugins/uniapp-cli-vite/node_modules/@dcloudio/uni-h5-vue/dist/vue.runtime.esm.js' does not provide an export named 'default'

因此,要对引用过来的vue2模块文件做一些改动,才能兼容。
vue2的写法:

import Vue from 'vue'
import Vuex from 'vuex'Vue.use(Vuex)export default new Vuex.Store({state: {// ...},mutations: {// ...},actions: {// ...}.getters: {// ...}
})

vue3改动后的写法:

// import Vue from 'vue'     不需要导入Vue了
// import Vuex from 'vuex'   导入vuex改成下面这样
import { createStore } from 'vuex'
// Vue.use(Vuex)             这句也不需要了// 使用 createStore 创建 Vuex store 
// export default new Vuex.Store({
export default createStore({// ...
})

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

热搜词