Sutune

Vue 混入

发表于 2023-10-15 分类于前端开发

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

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

发表于 2023-10-14 分类于前端开发

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

发表于 2023-10-10 分类于前端开发

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

发表于 2023-10-07 分类于前端开发

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

发表于 2023-09-28 分类于前端开发

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

发表于 2023-09-26 分类于前端开发

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

发表于 2023-09-25 分类于前端开发

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

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