从库到框架

• 核心库，即 vue npm 包

• 内容足够当作一本书的文档

• 构建工具链（Vue CLI、Vue Loader 和其他支持包）

• 用于构建单页应用的路由 Vue Router

• 用于状态管理的 Vuex

• 用于调试和分析的浏览器开发者工具扩展

• 用于支持开发单文件组件的 VSCode 扩展 Vetur

• 用于进行静态风格/错误检查的 ESLint 插件

• 用于组件测试的 Vue Test Utils

• 利用 Vue 运行时功能的定制 JSX Babel 插件

• 用于静态网站生成的 VuePress

Vue 3 的 “软发布”

崭新的 Vue

• 基于 Vite 的极速构建工具链

• <script setup> 带来的开发体验更丝滑的组合式 API 语法

• Volar 提供的单文件组件 TypeScript IDE 支持

• vue-tsc 提供的针对单文件组件的命令行类型检查和生成

• Pinia 提供的更简洁的状态管理

• 新的开发者工具扩展，同时支持 Vue 2/Vue 3，并且提供一个插件系统来允许社区库自行扩展开发者工具面板。

版本切换细节

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/vue-next -> vuejs/core

• vuejs/vue-router-next -> vuejs/router

• vuejs/docs-next -> vuejs/docs

• vuejs/vue-test-utils-next -> vuejs/test-utils

• vuejs/jsx-next -> vuejs/babel-plugin-jsx

开发者工具扩展

可能需要采取的措施 {#potential-required-actions}

使用未指定版本的 CDN 链接

- <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 标签

{
  "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"
  }
}

送书 | 总也学不会 Linux 命令行？

有奖问答|聊聊 Apache Doris 的性能优化实战技巧

2022 年是 Linux 桌面年吗？