Vue.js 3.0教程
-
[Vue 3] 教程 – 过渡与动画 – 列表过渡
# 列表过渡 目前为止，关于过渡我们已经讲到： 单个节点 同一时间渲染多个节点中的一个 那么怎么同时渲染整个列表，比如使用 v-for？在这种场景中，使用 &l……中天 2021年2月16日
-
[Vue 3] 教程 – 过渡与动画 – 状态过渡
# 状态过渡 Vue 的过渡系统提供了非常多简单的方法设置进入、离开和列表的动效。那么对于数据元素本身的动效呢，比如： 数字和运算 颜色的显示 SVG 节点的位……喔28 2021年2月16日
-
[Vue 3] 教程 – 可复用与组合 – Mixin
# Mixin # 基础 Mixin 提供了一种非常灵活的方式，来分发 Vue 组件中的可复用功能。一个 mixin 对象可以包含任意组件选项。当组件使用 mixin 对象时，所有 m……yiyan 2021年2月16日
-
[Vue 3] 教程 – 可复用与组合 – 自定义指令
# 自定义指令 # 简介 除了核心功能默认内置的指令 (例如 v-model 和 v-show)，Vue 也允许注册自定义指令。注意，在 Vue 中，代码复用和抽象的主要形式是组件……嘿哈 2021年2月16日
-
[Vue 3] 教程 – 可复用与组合 – Teleport
# Teleport 通过 Vue School 的免费课程，学习如何使用 teleport。 Vue 鼓励我们通过将 UI 和相关行为封装到组件中来构建 UI。我们可以将它们嵌套在另一个内……bigao 2021年2月15日
-
[Vue 3] 教程 – 可复用与组合 – 渲染函数
# 渲染函数 Vue 推荐在绝大多数情况下使用模板来创建你的 HTML。然而在一些场景中，你真的需要 JavaScript 的完全编程的能力。这时你可以用渲染函数，它比模……牛青 2021年2月15日
-
[Vue 3] 教程 – 可复用与组合 – 插件
# 插件 插件是自包含的代码，通常向 Vue 添加全局级功能。它可以是公开 install() 方法的 object，也可以是 function 插件的功能范围没有严格的限制——一般有…… -
[Vue 3] 教程 – 高阶指南 – 深入响应性原理
# 深入响应性原理 现在是时候深入了！Vue 最独特的特性之一，是其非侵入性的响应性系统。数据模型是被代理的 JavaScript 对象。而当你修改它们时，视图会进行…… -
[Vue 3] 教程 – 高阶指南 – 响应性基础
# 响应性基础 # 声明响应式状态 要为 JavaScript 对象创建响应式状态，可以使用 reactive 方法： import { reactive } from 'vue' // 响应式状态 const sta……无卤 2021年2月14日
-
[Vue 3] 教程 – 高阶指南 – 响应式计算和侦听
# 响应式计算和侦听 本节使用单文件组件语法作为代码示例 # 计算值 有时我们需要依赖于其他状态的状态——在 Vue 中，这是用组件计算属性处理的，以直接创建…… -
[Vue 3] 教程 – 高阶指南 – 组合式API – 介绍
什么是组合式 API？ 通过创建 Vue 组件，我们可以将接口的可重复部分及其功能提取到可重用的代码段中。仅此一项就可以使我们的应用程序在可维护性和灵活性……html5 2021年2月13日
-
[Vue 3] 教程 – 高阶指南 – 组合式API – Setup
本节使用单文件组件代码示例的语法 本指南假定你已经阅读了组合式 API 简介和响应性原理。如果你不熟悉组合式 API，请先阅读这篇文章。 参数 使用&n…… -
[Vue 3] 教程 – 高阶指南 – 组合式API – 生命周期钩子
本指南假定你已经阅读了 组合式 API 简介和响应性基础。如果你不熟悉组合式 API，请先阅读这篇文章。 你可以通过在生命周期钩子前面加上 “on” 来访问组件…… -
[Vue 3] 教程 – 高阶指南 – 组合式API – Provide / Inject
本指南假定你已经阅读了 Provide / Inject、组合式 API 介绍和响应性基础。如果你不熟悉组合式 API，请先阅读这篇文章。 我们也可以在组合式 API 中使用 p…… -
[Vue 3] 教程 – 高阶指南 – 组合式API – 模板引用
本节代码示例使用单文件组件的语法 本指南假定你已经阅读了组合式 API 简介和响应性基础。如果你不熟悉组合式 API，请先阅读此文章。 在使用组合式 API…… -
[Vue 3] 教程 – 高阶指南 – 渲染机制和优化
# 渲染机制和优化 如果你仅仅想了解如何很好的使用 Vue，那么你不必阅读此页面。但如果你好奇框架底层的渲染工作是如何进行的，那么你可以阅读本页面从而获…… -
[Vue 3] 教程 – 高阶指南 – Vue 2 中的更改检测警告
# Vue 2 中的更改检测警告 该页面仅适用于 Vue 2.x 及更低版本，并假定你已经阅读了响应性部分。请先阅读该部分。 由于 JavaScript 的限制，有些 Vue 无法……丹青 2021年2月13日
-
[Vue 3] 教程 – 工具 – 单文件组件
# 单文件组件 # 介绍 在很多 Vue 项目中，我们使用 app.component 来定义全局组件，紧接着用 app.mount('#app') 在每个页面内指定一个容器元素。 这对于中小…… -
[Vue 3] 教程 – 工具 – 测试
# 测试 # 介绍 当构建可靠的应用时，测试在个人或团队构建新特性、重构代码、修复 bug 等工作中扮演了关键的角色。尽管测试的流派有很多，它们在 web 应用这……小杜 2021年2月12日
-
[Vue 3] 教程 – 工具 – TypeScript 支持
# TypeScript 支持 Vue CLI 提供内置的 TypeScript 工具支持。 # NPM 包中的官方声明 随着应用的增长，静态类型系统可以帮助防止许多潜在的运行时错误，这……老王 2021年2月12日
-
[Vue 3] 教程 – 工具 – 移动端
# 移动端 # 介绍 虽然 Vue.js 本身并不支持移动应用开发，但是有很多解决方案可以用 Vue.js 创建原生 iOS 和 Android 应用。 # 混合应用开发 # Capacitor …… -
[Vue 3] 教程 – 工具 – 生产环境部署
# 生产环境部署 INFO 如果你使用 Vue CLI，下面的大多数提示都是默认启用的。此部分仅当你使用自定义构建设置时才相关。 # 开启生产环境模式 在开发期间，…… -
[Vue 3] 教程 – 规模化 – 路由
# 路由 # 官方 Router 对于大多数单页面应用，都推荐使用官方支持的 vue-router 库。更多细节可以移步 vue-router 文档。 # 从零开始简单的路由 如果你只需…… -
[Vue 3] 教程 – 规模化 – 状态管理
# 状态管理 # 类 Flux 状态管理的官方实现 由于状态零散地分布在许多组件和组件之间的交互中，大型应用复杂度也经常逐渐增长。为了解决这个问题，Vue 提供 V…… -
[Vue 3] 教程 – 规模化 – 服务端渲染
# 服务端渲染 # SSR 完全指南 我们创建了一份完整的构建 Vue 服务端渲染应用的指南。这份指南非常深入，适合已经熟悉 Vue、webpack 和 Node.js 开发的开发者……