06 插槽插槽内容与出口在之前的章节中，我们已经了解到组件能够接收任意类型的 JavaScript 值作为 props，但组件要如何接收模板内容呢？在某些场景中，我们可能想要为子组件传递一些模板片段，让子组件在它们的组件中渲染这些片段。举例来说，这里...

00 vue该系列是精读 vue3官方文档 基础01 vue基础02 响应式基础03 计算属性与侦听器04 Class 与 Style 绑定05 条件和列表渲染06 事件处理07 表单输入绑定08 模板引用09 组件基础10 生命周期 组件01 注册...

07 依赖注入Prop 逐级透传问题通常情况下，当我们需要从父组件向子组件传递数据时，会使用 props。想象一下这样的结构：有一些多层级嵌套的组件，形成了一棵巨大的组件树，而某个深层的子组件需要一个较远的祖先组件中的部分数据。在这种情况下，如果仅使...

08 异步组件基本用法在大型项目中，我们可能需要拆分应用为更小的块，并仅在需要时再从服务器加载相关组件。Vue 提供了 defineAsyncComponent 方法来实现此功能： 12345678import { defineAsyncC...

01 vue基础简介核心功能 声明式渲染：Vue 基于标准 HTML 拓展了一套模板语法，使得我们可以声明式地描述最终输出的 HTML 和 JavaScript 状态之间的关系。 响应性：Vue 会自动跟踪 JavaScript 状态并在其发生变化时...

02 响应式基础声明响应式状态ref() 接收参数，并将其包裹在一个带有 .value 属性的 ref 对象中返回。要在组件模板中访问 ref，请从组件的 setup() 函数中声明并返回它们。注意，在模板中使用 ref 时，我们不需要附加 .val...

03 计算属性与侦听器计算属性==使用计算属性来描述依赖响应式状态的复杂逻辑==。 12345678910111213141516171819<script setup>import { ...

04 Class 与 Style 绑定数据绑定的一个常见需求场景是操纵元素的 CSS class 列表和内联样式。因为 class 和 style 都是 attribute，我们可以和其他 attribute 一样使用 v-bind 将它们和动态的字...

05 条件和列表渲染条件渲染v-ifv-if 指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回真值时才被渲染。 1<h1 v-if="awesome">Vue is awesome!</h1> ...

06 事件处理监听事件我们可以使用 v-on 指令 (简写为 @) 来监听 DOM 事件，并在事件触发时执行对应的 JavaScript。用法：v-on:click="handler" 或 @click="handler...