Sutune

静心成大器,稳定动乾坤

0%

单文件组件

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 方法,可以在任意组件中被使用;
阅读全文 »

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

阅读全文 »

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 都可以胜任。

阅读全文 »