Vue2升級到Vue3

1、命令行工具 (CLI)

首先全局重新安裝@vue/cli

> yarn global add @vue/cli
# 或
> npm install -g @vue/cli

然后在項目中運行：

> vue upgrade --next

 

2、不使用構建工具

修改引入的vue版本：https://unpkg.com/vue@3，示例如下：

<script src="https://unpkg.com/vue@3"></script>

<div id="app">{{ message }}</div>

<script>
  Vue.createApp({
    data() {
      return {
        message: 'Hello Vue!'
      }
    }
  }).mount('#app')
</script>

 

欲了解更多請查閱 Vue 3 Migration Guide | Vue 3 Migration Guide (vuejs.org)