在vue2项目中使用vue3
如果想要使用setup语法糖 需要下载unplugin-vue2-script-setup组件。然后在.vue组件里面引入,就可以使用部分vue3的功能啦。安装@vue/composition-api插件。下载完后再main.js中引入并注册。
·
安装@vue/composition-api插件
npm install @vue/composition-api
下载完后再main.js中引入并注册
import Vue from 'vue'
import VueCompositionAPI from '@vue/composition-api'
Vue.use(VueCompositionAPI)
然后在.vue组件里面引入,就可以使用部分vue3的功能啦
// use the APIs
import { ref, reactive, onMounted } from '@vue/composition-api'
// 当您迁移到Vue 3时,只需将“@Vue/composition api”替换为“Vue”,您的代码就可以正常工作了。
import { ref, reactive, onMounted } from 'vue'
如果想要使用setup语法糖 需要下载unplugin-vue2-script-setup组件
npm install unplugin-vue2-script-setup
在vue.config.js 中配置
const ScriptSetup = require('unplugin-vue2-script-setup/webpack').default
module.exports = {
parallel: false, // disable thread-loader, which is not compactible with this plugin
configureWebpack: {
plugins: [
ScriptSetup({ /* options */ }),
],
},
}
更多推荐
已为社区贡献4条内容
所有评论(0)