该页面假设你已经阅读过了组件基础。如果你还对组件不太了解,推荐你先阅读它。提示这里记录的都是和处理边界情况有关的功能,即一些需要对 Vue 的规则做一些小调整的特殊情况
该页面假设你已经阅读过了组件基础。如果你还对组件不太了解,推荐你先阅读它。尽管存在 prop 和事件,但有时你可能仍然需要直接访问 JavaScript 中的子组件。为此,可以使用 ref
该页面假设你已经阅读过了组件基础。如果你还对组件不太了解,推荐你先阅读它。#在动态组件上使用 keep-alive我们之前曾经在一个多标签的界面中使用 is attribute 来切换不同
该页面假设你已经阅读过了组件基础。如果你还对组件不太了解,推荐你先阅读它。通常,当我们需要将数据从父组件传递到子组件时,我们使用 props。想象一下这样的结构:你有一些深嵌
该页面假设你已经阅读过了组件基础。如果你还对组件不太了解,推荐你先阅读它。#插槽内容Vue 实现了一套内容分发的 API,这套 API 的设计灵感源自 Web Components 规范草案,将 <
该页面假设你已经阅读过了组件基础。如果你还对组件不太了解,推荐你先阅读它。#事件名不同于组件和 prop,事件名不存在任何自动化的大小写转换。而是触发的事件名需要完全匹配
该页面假设你已经阅读过了组件基础。如果你还对组件不太了解,推荐你先阅读它。一个非 prop 的 attribute 是指传向一个组件,但是该组件并没有相应 props 或 emits 定义的 attr
该页面假设你已经阅读过了组件基础。如果你还对组件不太了解,推荐你先阅读它。#Prop 类型到这里,我们只看到了以字符串数组形式列出的 prop:props: ['title', 'likes', 'isPubl
该页面假设你已经阅读过了组件基础。如果你还对组件不太了解,推荐你先阅读它。#组件名在注册一个组件的时候,我们始终需要给它一个名字。比如在全局注册的时候我们已经看到了:c
基本实例这里有一个 Vue 组件的示例:// 创建一个Vue 应用const app = Vue.createApp({})// 定义一个名为 button-counter 的新全局组件app.component('button-counter', { d
#基础用法你可以用 v-model 指令在表单 <input>、<textarea> 及 <select> 元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。尽管有些神奇,但 v-mode
#监听事件我们可以使用 v-on 指令 (通常缩写为 @ 符号) 来监听 DOM 事件,并在触发事件时执行一些 JavaScript。用法为 v-on:click="methodName" 或使用快捷方式 @click="meth
#用 v-for 把一个数组对应为一组元素我们可以用 v-for 指令基于一个数组来渲染一个列表。v-for 指令需要使用 item in items 形式的特殊语法,其中 items 是源数据数组,而 item
#v-ifv-if 指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回 truthy 值的时候被渲染。<h1 v-if="awesome">Vue is awesome!</h1>也可以用 v-else 添加一个&ld
操作元素的 class 列表和内联样式是数据绑定的一个常见需求。因为它们都是 attribute,所以我们可以用 v-bind 处理它们:只需要通过表达式计算出字符串结果即可。不过,字符串拼