Vue.js 3.0教程
-
[Vue 3] 迁移指南 – 自定义元素交互
# 自定义元素交互 非兼容 # 概览 非兼容:自定义元素白名单现在在模板编译期间执行,应该通过编译器选项而不是运行时配置来配置。 非兼容:特定 is p…… -
[Vue 3] 迁移指南 – Data 选项
# Data 选项 非兼容 # 概览 非兼容:data 组件选项声明不再接收纯 JavaScript object,而需要 function 声明。 当合并来自 mixin 或 extend 的多个 d…… -
[Vue 3] 迁移指南 – emits Option
# emits Option 新增 # Overview Vue 3 now offers an emits option, similar to the existing props option. This option can be used to define the e…… -
[Vue 3] 迁移指南 – 事件 API
# 事件 API 非兼容 # 概览 $on,$off 和 $once 实例方法已被移除,应用实例不再实现事件触发接口。 # 2.x 语法 在 2.x 中,Vue 实例可用于触发由事件触…… -
[Vue 3] 迁移指南 – 过滤器
# 过滤器 移除 # 概览 从 Vue 3.0 开始,过滤器已删除,不再支持。 # 2.x 语法 在 2.x,开发者可以使用过滤器来处理通用文本格式。 例如: <templa…… -
[Vue 3] 迁移指南 – 片段
# 片段 新增 # 概览 Vue 3 现在正式支持了多根节点的组件,也就是片段! # 2.x 语法 在 2.x 中,由于不支持多根节点组件,当开发者意外创建一个时会发…… -
[Vue 3] 迁移指南 – 函数式组件
# 函数式组件 非兼容 # 概览 就变化而言,属于高等级内容: 在 3.x 中,函数式组件 2.x 的性能提升可以忽略不计,因此我们建议只使用有状态的组件 函数…… -
[Vue 3] 迁移指南 – 全局 API
# 全局 API 非兼容 Vue 2.x 有许多全局 API 和配置,这些 API 和配置可以全局改变 Vue 的行为。例如,要创建全局组件,可以使用 Vue.component 这样的 AP…… -
[Vue 3] 迁移指南 – 全局 API Treeshaking
# 全局 API Treeshaking 非兼容 # 2.x 语法 如果你曾经在 Vue 中手动操作过 DOM,你可能会遇到以下模式: import Vue from 'vue' Vue.nextTick(() =>…… -
[Vue 3] 迁移指南 – 内联模板 Attribute
# 内联模板 Attribute 非兼容 # 概览 对内联特性的支持已被移除。 # 2.x 语法 在 2.x 中,Vue 为子组件提供了 inline-template attribute,以便将其内…… -
[Vue 3] 迁移指南 – key attribute
# key attribute 非兼容 # 概览 新增:对于 v-if/v-else/v-else-if 的各分支项 key 将不再是必须的,因为现在 Vue 会自动生成唯一的 key。 非兼容:…… -
[Vue 3] 迁移指南 – 按键修饰符
# 按键修饰符 非兼容 # 概览 以下是变更的简要总结: 非兼容:不再支持使用数字 (即键码) 作为 v-on 修饰符 非兼容:不再支持 config.keyCodes # …… -
[Vue 3] 迁移指南 – 移除 $listeners
# 移除 $listeners 非兼容 # 概览 $listeners 对象在 Vue 3 中已被移除。现在事件监听器是 $attrs 的一部分: { text: 'this is an attribute', onClos…… -
[Vue 3] 迁移指南 – 在 prop 的默认函数中访问 this
# 在 prop 的默认函数中访问 this 非兼容 生成 prop 默认值的工厂函数不再能访问 this。 替代方案: 把组件接收到的原始 prop 作为参数传递给默认函数…… -
[Vue 3] 迁移指南 – 渲染函数 API
# 渲染函数 API 非兼容 # 概览 此更改不会影响 <template> 用户。 以下是更改的简要总结: h 现在全局导入,而不是作为参数传递给渲染函数 渲染…… -
[Vue 3] 迁移指南 – Slot 统一
# Slot 统一 非兼容 # 概览 此更改统一了 3.x 中的普通 slot 和作用域 slot。 以下是变化的变更总结: this.$slots 现在将 slots 作为函数公开 非兼…… -
[Vue 3] 迁移指南 – 过渡的 class 名更改
# 过渡的 class 名更改 非兼容 # 概览 过渡类名 v-enter 修改为 v-enter-from、过渡类名 v-leave 修改为 v-leave-from。 # 2.x 语法 在v2.1.8版本之前,…… -
[Vue 3] 迁移指南 – Transition Group 根元素
# Transition Group 根元素 非兼容 # 概览 <transition-group> 不再默认渲染根元素,但仍然可以用 tag prop 创建根元素。 # 2.x 语法 在 Vue 2 …… -
[Vue 3] 迁移指南 – 移除 v-on.native 修饰符
# 移除 v-on.native 修饰符 非兼容 # 概览 v-on 的 .native 修饰符已被移除。 # 2.x 语法 默认情况下,传递给带有 v-on 的组件的事件监听器只有通过 th…… -
[Vue 3] 迁移指南 – v-model
# v-model 非兼容 # 概览 就变化内容而言,此部分属于高阶内容: 非兼容:用于自定义组件时,v-model prop 和事件默认名称已更改: prop:value ->…… -
[Vue 3] 迁移指南 – v-if 与 v-for 的优先级对比
# v-if 与 v-for 的优先级对比 非兼容 # 概览 非兼容:两者作用于同一个元素上时,v-if 会拥有比 v-for 更高的优先级。 # 介绍 Vue.js 中使用最多的…… -
[Vue 3] 迁移指南 – v-bind 合并行为
# v-bind 合并行为 非兼容 # 概览 不兼容:v-bind 的绑定顺序会影响渲染结果。 # 介绍 在元素上动态绑定 attribute 时,常见的场景是在一个元素中同…… -
[Vue 3] 迁移指南 – Watch on Arrays
# Watch on Arrays 非兼容 # 概览 非兼容: 当侦听一个数组时,只有当数组被替换时才会触发回调。如果你需要在数组改变时触发回调,必须指定 deep 选项…… -
[Vue 3] cookbook – Cookbook vs 指南
# 介绍 # Cookbook vs 指南 这份 cookbook 和指南的不同之处在哪里?存在的意义是什么? 更专注:在指南里,我们实际上是在讲一个故事。每个章节都以之前…… -
[Vue 3] cookbook – 可编辑的 SVG 图标系统
# 可编辑的 SVG 图标系统 # 基础示例 创建一套 SVG 图标系统的方法有很多种,但有一种方法可以充分发挥 Vue 的能力,那就是把可编辑的内联图标创建为组件。……