vue2项目换成vue3

将 Vue2 项目升级到 Vue3 可以执行以下步骤：

1. 更新 Vue CLI 到最新版本：

npm install -g @vue/cli

2. 创建一个新的 Vue3 项目：

vue create my-project

3. 复制 Vue2 代码到新项目中，但是要注意一些重要的变化：

- Vue3 中不再支持 filters，需要用函数或者 computed 属性处理
- Vue3 中不再支持 $listeners，需要使用 v-on="$attrs" 来代替
- Vue3 中不再支持 $scopedSlots，需要使用 v-slot 来代替
- Vue3 中不再支持 $children，需要使用 refs 来代替

4. 安装 Vue3 相关的依赖：

npm install vue@next
npm install @vue/compiler-sfc

5. 修改项目中的 Vue 选项：

- 在 main.js 中，引入 Vue3 并且使用 createApp 方法代替了 Vue 构造函数：

import { createApp } from 'vue'
import App from './App.vue'

createApp(App).mount('#app')

- 在组件中，使用 Composition API 替代了 Options API：

import { reactive } from 'vue'

export default {
  setup() {
    const state = reactive({
      count: 0
    })

    const increment = () => {
      state.count++
    }

    return {
      state,
      increment
    }
  }
}

6. 测试并且调试项目，确保一切正常运行。