↓推荐关注↓
从库到框架
-
核心库，即 vuenpm 包 -
内容足够当作一本书的文档 -
构建工具链（Vue CLI、Vue Loader 和其他支持包） -
用于构建单页应用的路由 Vue Router -
用于状态管理的 Vuex -
用于调试和分析的浏览器开发者工具扩展 -
用于支持开发单文件组件的 VSCode 扩展 Vetur -
用于进行静态风格/错误检查的 ESLint 插件 -
用于组件测试的 Vue Test Utils -
利用 Vue 运行时功能的定制 JSX Babel 插件 -
用于静态网站生成的 VuePress
Vue 3 的 “软发布”
崭新的 Vue
-
基于 Vite[2] 的极速构建工具链 -
<script setup>带来的开发体验更丝滑的组合式 API 语法 -
Volar[3] 提供的单文件组件 TypeScript IDE 支持 -
vue-tsc[4] 提供的针对单文件组件的命令行类型检查和生成 -
Pinia[5] 提供的更简洁的状态管理 -
新的开发者工具扩展，同时支持 Vue 2/Vue 3，并且提供一个插件系统[6]来允许社区库自行扩展开发者工具面板。
版本切换细节
npm 发布标签
-
npm install vue将默认安装 Vue 3。 -
所有其他官方 npm 包的 latest发布标签将指向其 Vue 3 的兼容版本，包括vue-router、vuex、vue-loader和@vue/test-utils。
官方文档与站点
-
vuejs.org -
router.vuejs.org -
vuex.vuejs.org -
vue-test-utils.vuejs.org (将迁移到 test-utils.vuejs.org) -
template-explorer.vuejs.org
-
vuejs.org -> v2.vuejs.org (旧的 v2 网址将自动重定向到新地址上) -
router.vuejs.org -> v3.router.vuejs.org -
vuex.vuejs.org -> v3.vuex.vuejs.org -
vue-test-utils.vuejs.org -> v1.test-utils.vuejs.org -
template-explorer.vuejs.org -> v2.template-explorer.vuejs.org
GitHub 仓库
vuejs 组织下的所有 GitHub 仓库将把默认分支切换到 Vue 3 对应的版本。此外，以下仓库都将被重命名，以删除其名称中的 next：-
vuejs/vue-next-> vuejs/core[11] -
vuejs/vue-router-next-> vuejs/router[12] -
vuejs/docs-next-> vuejs/docs[13] -
vuejs/vue-test-utils-next-> vuejs/test-utils[14] -
vuejs/jsx-next-> vuejs/babel-plugin-jsx[15]
开发者工具扩展
可能需要采取的措施 {#potential-required-actions}
使用未指定版本的 CDN 链接
@2 来指定一个版本范围：- <script src="https://unpkg.com/vue"></script>
+ <script src="https://unpkg.com/vue@2"></script>
- <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.min.js"></script>
+ <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.min.js"></script>
npm latest 标签
latest 标签或 * 来从 npm 安装 Vue 或其他官方库，请更新为明确使用兼容 Vue 2 的版本：{
"dependencies": {
- "vue": "latest",
+ "vue": "^2.6.14",
- "vue-router": "latest",
+ "vue-router": "^3.5.3",
- "vuex": "latest"
+ "vuex": "^3.6.2"
},
"devDependencies": {
- "vue-loader": "latest",
+ "vue-loader": "^15.9.8",
- "@vue/test-utils": "latest"
+ "@vue/test-utils": "^1.3.0"
}
}
参考资料
宣布 : https://gist.github.com/yyx990803/bf9a625eeff8b471bf0701afb8e3fe75
[2]Vite: https://vitejs.dev/
[3]Volar: https://marketplace.visualstudio.com/items?itemName=johnsoncodehk.volar
[4]vue-tsc: https://github.com/johnsoncodehk/volar/tree/master/packages/vue-tsc
[5]Pinia: https://pinia.vuejs.org/
[6]插件系统: https://devtools.vuejs.org/plugin/plugins-guide.html
[7]全新的 vuejs.org: https://staging.vuejs.org/
[8]中文版: https://staging-cn.vuejs.org/
[9]可能需要采取的措施: https://gist.github.com/yyx990803/bf9a625eeff8b471bf0701afb8e3fe75#potential-required-actions
[10]完全重写的版本: https://staging.vuejs.org/
[11]vuejs/core: https://github.com/vuejs/core
vuejs/router: https://github.com/vuejs/router
vuejs/docs: https://github.com/vuejs/docs
vuejs/test-utils: https://github.com/vuejs/test-utils
vuejs/babel-plugin-jsx: https://github.com/vuejs/babel-plugin-jsx
vuejs-translations 组织: https://github.com/vuejs-translations
beta 频道: https://chrome.google.com/webstore/detail/vuejs-devtools/ljjemllljcmogpfapbkkighbhhppjdbg
[18]稳定频道: https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd
[19]遗留频道: https://chrome.google.com/webstore/detail/vuejs-devtools/iaajmlceplecbljialhhkmedjlpdblhp
来源：OSCHINA
https://www.oschina.net/news/179476/vue-3-as-new-default
- EOF -
1、基于 Vue3 和 TypeScript 项目大量实践后的思考
觉得本文对你有帮助？请分享给更多人
推荐关注「前端大全」，提升前端技能
点赞和在看就是最大的支持❤️
文章评论