炫意html5
最早CSS3和HTML5移动技术网站之一

[Vue3 API] – Computed 与 watch

# Computed 与 watch 本节例子中代码使用的单文件组件语法 # computed 使用 getter 函数,并为从 getter 返回的值返回一个不变的响应式 ref 对象。 const count = ref(1) cons...

[Vue3 API] – 组合式 API

# 组合式 API 本节例子中代码使用的单文件组件语法 # setup 一个组件选项,在创建组件之前执行,一旦 props 被解析,并作为组合式 API 的入口点 入参: {Data} props {SetupContext} contex...

[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 Loader 函数本身不再接收 resolve 和 ...

[Vue 3] 迁移指南 – attribute 强制行为

# attribute 强制行为 非兼容 信息 这是一个低级的内部 API 更改,不会影响大多数开发人员。 # 概览 下面是对这些变化的高层次总结: 删除枚举 attribute 的内部概念,并将这些 attribute 视为普通的非布尔 ...

[Vue 3] 迁移指南 – $children

# $children 移除 # 概览 $children 实例 property 已从 Vue 3.0 中移除,不再支持。 # 2.x 语法 在 2.x 中,开发者可以使用 this.$children 直接访问当前实例的子组件: <...

[Vue 3] 迁移指南 – 自定义元素交互

# 自定义元素交互 非兼容 # 概览 非兼容:自定义元素白名单现在在模板编译期间执行,应该通过编译器选项而不是运行时配置来配置。 非兼容:特定 is prop 用法仅限于保留的 <component> 标记。 新增:有了新的 v...

[Vue 3] 迁移指南 – Data 选项

# Data 选项 非兼容 # 概览 非兼容:data 组件选项声明不再接收纯 JavaScript object,而需要 function 声明。 当合并来自 mixin 或 extend 的多个 data 返回值时,现在是浅层次合并的而...

[Vue 3] 迁移指南 – 事件 API

# 事件 API 非兼容 # 概览 $on,$off 和 $once 实例方法已被移除,应用实例不再实现事件触发接口。 # 2.x 语法 在 2.x 中,Vue 实例可用于触发由事件触发 API 通过指令式方式添加的处理函数 ($on,$o...

[Vue 3] 迁移指南 – 过滤器

# 过滤器 移除 # 概览 从 Vue 3.0 开始,过滤器已删除,不再支持。 # 2.x 语法 在 2.x,开发者可以使用过滤器来处理通用文本格式。 例如: <template> <h2>Bank Account ...

[Vue 3] 迁移指南 – 片段

# 片段 新增 # 概览 Vue 3 现在正式支持了多根节点的组件,也就是片段! # 2.x 语法 在 2.x 中,由于不支持多根节点组件,当开发者意外创建一个时会发出警告。为了修复这个问题,许多组件被包裹在一个 <div> 中...

[Vue 3] 迁移指南 – 函数式组件

# 函数式组件 非兼容 # 概览 就变化而言,属于高等级内容: 在 3.x 中,函数式组件 2.x 的性能提升可以忽略不计,因此我们建议只使用有状态的组件 函数式组件只能使用接收 props 和 context 的普通函数创建 (即:slo...

[Vue 3] 迁移指南 – 全局 API

# 全局 API 非兼容 Vue 2.x 有许多全局 API 和配置,这些 API 和配置可以全局改变 Vue 的行为。例如,要创建全局组件,可以使用 Vue.component 这样的 API: Vue.component('button...

[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。 非兼容:如果你手动提供 key,那么每个分支必须使用...

[Vue 3] 迁移指南 – 按键修饰符

# 按键修饰符 非兼容 # 概览 以下是变更的简要总结: 非兼容:不再支持使用数字 (即键码) 作为 v-on 修饰符 非兼容:不再支持 config.keyCodes # 2.x 语法 在 Vue 2 中,支持 keyCodes 作为修改...

[Vue 3] 迁移指南 – 移除 $listeners

# 移除 $listeners 非兼容 # 概览 $listeners 对象在 Vue 3 中已被移除。现在事件监听器是 $attrs 的一部分: { text: 'this is an attribute', onClose: () =&...

[Vue 3] 迁移指南 – 在 prop 的默认函数中访问 this

# 在 prop 的默认函数中访问 this 非兼容 生成 prop 默认值的工厂函数不再能访问 this。 替代方案: 把组件接收到的原始 prop 作为参数传递给默认函数; inject API 可以在默认函数中使用。 import {...

[Vue 3] 迁移指南 – 渲染函数 API

# 渲染函数 API 非兼容 # 概览 此更改不会影响 <template> 用户。 以下是更改的简要总结: h 现在全局导入,而不是作为参数传递给渲染函数 渲染函数参数更改为在有状态组件和函数组件之间更加一致 vnode 现在...

[Vue 3] 迁移指南 – Slot 统一

# Slot 统一 非兼容 # 概览 此更改统一了 3.x 中的普通 slot 和作用域 slot。 以下是变化的变更总结: this.$slots 现在将 slots 作为函数公开 非兼容:移除 this.$scopedSlots 更多信...

CSS3教程HTML5教程