Vue.js 3.0教程
-
[Vue3 API] – 应用配置
# 应用配置 config 是一个包含了 Vue 应用全局配置的对象。你可以在应用挂载前修改其以下 property: const app = Vue.createApp({}) app.config = {...} ap…… -
[Vue3 API] – 应用 API
# 应用 API 在 Vue 3 中,改变全局 Vue 行为的 API 现在被移动到了由新的 createApp 方法所创建的应用实例上。此外,现在它们的影响仅限于该特定应用实例: …… -
[Vue3 API] – 全局 API
# 全局 API # createApp 返回一个提供应用上下文的应用实例。应用实例挂载的整个组件树共享同一个上下文。 const app = Vue.createApp({}) 你可以在 crea…… -
[Vue3 API] – Data
# Data # data 类型:Function 详细: 返回组件实例的 data 对象的函数。在 data 中,我们不建议观察具有自身状态行为的对象,如浏览器 API 对象和原型 …… -
[Vue3 API] – DOM
# DOM # template 类型:string 详细: 一个字符串模板作为 component 实例的标识使用。模板将会替换挂载的元素。挂载元素的内容都将被忽略,除非模板的…… -
[Vue3 API] – 生命周期钩子
# 生命周期钩子 注意 所有的生命周期钩子自动绑定 this 上下文到实例中,因此你可以访问数据,对 property 和方法进行运算。这意味着你不能使用箭头函数来定…… -
[Vue3 API] – 选项/资源
# 选项/资源 # directives 类型:Object 详细: 包含组件实例可用指令的哈希表。 参考自定义指令 # components 类型:Object 详细: 包含组件…… -
[Vue3 API] – 组合
# 组合 # mixins 类型:Array<Object> 详细: mixins 选项接收一个 mixin 对象的数组。这些 mixin 对象可以像正常的实例对象一样包含实例选项,这…… -
[Vue3 API] – 杂项
# 杂项 # name 类型:string 详细: 允许组件模板递归地调用自身。注意,组件在全局用 Vue.createApp({}).component({}) 注册时,全局 ID 自动作为组件…… -
[Vue3 API] – 实例 property
# 实例 property # $data 类型:Object 详细: 组件实例观察的数据对象。组件实例代理了对其 data 对象 property 的访问。 参考选项 / 数据 - data …… -
[Vue3 API] – 实例方法
# 实例方法 # $watch 参数: {string | Function} source {Function | Object} callback {Object} [options] {boolean} deep {boolean} immediate {st…… -
[Vue3 API] – 指令
# 指令 # v-text 预期:string 详细: 更新元素的 textContent。如果要更新部分的 textContent,需要使用 Mustache 插值。 示例: <span v-text=…… -
[Vue3 API] – 特殊指令
# 特殊指令 # key 预期:number | string key 的特殊 attribute 主要用在 Vue 的虚拟 DOM 算法,在新旧 nodes 对比时辨识 VNodes。如果不使用 key,Vue 会…… -
[Vue3 API] – 内置组件
# 内置组件 # component Props: is - string | Component 用法: 渲染一个“元组件”为动态组件。依 is 的值,来决定哪个组件被渲染。is 的值是一个…… -
[Vue3 API] – 响应性基础 API
# 响应性基础 API 本节例子中代码使用的单文件组件语法 # reactive 返回对象的响应式副本 const obj = reactive({ count: 0 }) 响应式转换是“深层”的—…… -
[Vue3 API] – Refs
# Refs 本节例子中代码使用的单文件组件语法 # ref 接受一个内部值并返回一个响应式且可变的 ref 对象。ref 对象具有指向内部值的单个 property .value。…… -
[Vue3 API] – Computed 与 watch
# Computed 与 watch 本节例子中代码使用的单文件组件语法 # computed 使用 getter 函数,并为从 getter 返回的值返回一个不变的响应式 ref 对象。 cons…… -
[Vue3 API] – 组合式 API
# 组合式 API 本节例子中代码使用的单文件组件语法 # setup 一个组件选项,在创建组件之前执行,一旦 props 被解析,并作为组合式 API 的入口点 入参:…… -
[Vue 3] 迁移指南 – 介绍
# 介绍 提示 刚接触 Vue.js?先从基础指南开始吧。 本指南主要是为有 Vue 2 经验的用户希望了解 Vue 3 的新功能和更改而提供的。在试用 Vue 3 之前,你不必…… -
[Vue 3] 迁移指南 – v-for 中的 Ref 数组
# v-for 中的 Ref 数组 非兼容 在 Vue 2 中,在 v-for 里使用的 ref attribute 会用 ref 数组填充相应的 $refs property。当存在嵌套的 v-for 时,这种行…… -
[Vue 3] 迁移指南 – 异步组件
# 异步组件 新增 # 概览 以下是对变化的高层次概述: 新的 defineAsyncComponent 助手方法,用于显式地定义异步组件 component 选项重命名为 loader …… -
[Vue 3] 迁移指南 – attribute 强制行为
# attribute 强制行为 非兼容 信息 这是一个低级的内部 API 更改,不会影响大多数开发人员。 # 概览 下面是对这些变化的高层次总结: 删除枚举 attri…… -
[Vue 3] 迁移指南 – $attrs 包括 class & style
# $attrs 包括 class & style 非兼容 # 概览 现在 $attrs 包含传递给组件的所有 attribute,包括 class 和 style。 # 2.x 行为 在 Vue 2 的虚拟 DO…… -
[Vue 3] 迁移指南 – $children
# $children 移除 # 概览 $children 实例 property 已从 Vue 3.0 中移除,不再支持。 # 2.x 语法 在 2.x 中,开发者可以使用 this.$children 直接访问…… -
[Vue 3] 迁移指南 – 自定义指令
# 自定义指令 非兼容 # 概览 The hook functions for directives have been renamed to better align with the component lifecycle. # 2.x 语法 在 Vu……