Sutune

Vite

Vite简介

Vite 是一个现代化的构建工具，专为 Vue.js 3 和现代 JavaScript 打包准备的。以下是关于 Vite 的一些关键特点和介绍：

在Vue 3中，混入（Mixin）是一种将可重用功能和逻辑添加到组件中的方式。混入可以包含组件选项，如data、methods、created等，这样您可以在多个组件中重复使用相同的逻辑，而不必重复编写代码。混入提供了一种模块化的方式来组织和复用组件功能。

混入允许您将共享的逻辑封装到一个混入对象中，然后将混入对象应用到一个或多个组件中。这使得在不同的组件中共享通用功能变得更容易。混入对象中的选项将会被合并到组件的选项中。

单文件组件

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 组件是一个自包含的、独立的代码单元，可以封装应用程序的特定功能或界面元素。每个组件都有自己的状态、模板、方法和样式，它们可以嵌套在其他组件中，以构建复杂的用户界面。