升级带来的新功能
- 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
