升级带来的新功能
- Composition API
- SFC
<script setup> - SFC CSS v-bind
- 这也意味着 v3 的一些 api 也支持使用
defineComponent,h(),useSlot(),useAttrs(),useCssModules()以及esmodule的支持
注意 📢:
顶级 await 是不支持的
// true in 2.7, false in 3.x
reactive(foo) === foo
vue2.6.14 需要升级的依赖
- 我目前采用的是vue@2.6.14 + webpack@5.73.0 + vite@2.9.13的自建脚手架, 需要升级以下依赖
- vue@2.6.14
+ vue@2.7.0
- vue-template-compiler@2.6.14
+ @vue/compiler-sfc@2.7.0
- vue-loader@15.9.7
+ vue-loader@15.10.0
+ vue-demi@0.13.1
- 升级@vue/compiler-sfc 发现
:v-deep无法使用 改成:deep()
// 正则替换
::v-deep\s*([^{]+)
:deep($1)
注意 📢: vite 对于新版本 2.7.0 的 plugin: @vitejs/plugin-vue2, 但是不支持 sfc 的jsx/tsx(后续会放出另一个插件辅助),所以升级后开发环境只能暂时采用webpack