Sutune

单文件组件

Vue 单文件组件（Single File Component，SFC）是 Vue.js 中的一种组件编写方式，它将一个完整的组件定义封装在一个单独的文件中，包括模板、脚本和样式。这种方式的主要优点是代码组织更加清晰，维护性更高，并且使得代码复用更加容易。

Vue 3 中的路由是通过 Vue Router 实现的，Vue Router 是 Vue.js 官方的路由管理库，用于构建单页面应用（SPA）中的路由系统。它允许你在应用程序中定义不同的路由，并为每个路由指定相应的组件，以便在不同的路由之间进行导航和切换。

在Vue的模板语法中我们除了使用：v-show、v-for、v-model等，Vue 也允许我们来自定义自己的指令。
自定义指令分为两种：

• 自定义局部指令：组件中通过 directives 选项，只能在当前组件中使用；
• 自定义全局指令：app的 directive 方法，可以在任意组件中被使用；

事件简介

有效地管理和处理事件，可以实现交互式的Vue应用程序，Vue 3中事件处理的主要方面：

class 与 style 是 HTML 元素的属性，用于设置元素的样式，我们可以用 v-bind 来设置样式属性。v-bind 在处理 class 和 style 时， 表达式除了可以使用字符串之外，还可以是对象或数组。

computed简介

computed 是 Vue.js 中的一个重要概念，它是一种用于声明计算属性的方式。计算属性是一种根据组件的状态（响应式数据）计算派生值的属性，这些属性的值是基于其他属性计算得来的。计算属性具有以下特点：

1. 缓存机制：计算属性具有缓存机制，只有依赖的响应式数据发生变化时，才会重新计算。这意味着计算属性的值在依赖数据不变的情况下会被缓存，不会重复计算，以提高性能。
2. 声明方式：计算属性通过在组件的 computed 选项中声明，使用对象字面量来定义计算属性的名称和计算逻辑。
3. 与普通属性一样访问：在模板中，可以像访问普通属性一样使用计算属性，而不需要在模板中编写复杂的计算逻辑。
4. 响应式：计算属性的值也是响应式的，它会自动跟踪依赖数据的变化，并在必要时重新计算。

指令简介

Vue.js 中的指令（Directives）是一种特殊的 token，它们以 “v-“ 前缀作为标识符，用于在模板中添加特定的行为或响应式功能。指令可以在模板中直接绑定到 DOM 元素上，以控制其行为和显示。

组件

Vue 组件是 Vue.js 框架中的核心概念之一，它是构建用户界面的可复用模块。Vue 组件是一个自包含的、独立的代码单元，可以封装应用程序的特定功能或界面元素。每个组件都有自己的状态、模板、方法和样式，它们可以嵌套在其他组件中，以构建复杂的用户界面。

Vue简介

Vue是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面。无论是简单还是复杂的界面，Vue 都可以胜任。

• Vue官网：https://cn.vuejs.org/

一岁一礼，一寸欢喜
小六月你已经满2岁了
这一年见证了你成长中许多第一次