Vue 组件基础

Vue 是一个用于构建用户界面的渐进式 JavaScript 框架,它允许你通过组件(Component)的方式组织代码。Vue 组件是可复用的 Vue 实例,具有自己的模板、数据、方法和生命周期钩子等。 ---

50   0   0   0

Vue 生命周期

Vue 的生命周期是指 Vue 实例从创建到销毁的过程中所经历的一系列阶段。每个阶段都有对应的钩子函数(hook functions),开发者可以在这些钩子中执行特定的操作。 Vue 2 和 Vue 3 的生命周期

42   0   0   0

Vue Props详解

在 Vue.js 中,**props** 是组件之间传递数据的一种方式。通过 props,父组件可以将数据传递给子组件,从而实现组件间的通信。下面是对 Vue Props 的详细讲解: --- ## 一、什么是

42   0   0   0

Vue组件事件

在 Vue 中,组件之间通过 **事件(Events)** 进行通信。Vue 提供了两种主要的事件机制: --- ## 一、父子组件之间的事件传递 ### 1. 父组件向子组件传递数据(props) - 使用

41   0   0   0

Vue组件透传 Attributes

在 Vue 中,**组件透传 Attributes(Attribute Passing / Attribute Inheritance)** 是一个非常实用的功能,尤其是在开发可复用的组件时。它允许我们将父组件传递给

48   0   0   0

Vue自定义指令

在 Vue 中,**自定义指令(Custom Directives)** 是一种非常强大的功能,允许你直接操作 DOM。Vue 提供了 `v-` 前缀的指令,比如 `v-if`、`v-show`、`v-for` 等,

24   0   0   0

Vue插件

在 Vue 中,**插件(Plugin)** 是一种增强 Vue 功能的机制。Vue 插件可以用来封装一些通用的功能,比如全局组件、指令、混入(mixin)、服务等。Vue 提供了 `Vue.use()` 方法来注册

33   0   0   0

Vue内置组件TransitionGroup

在 Vue 中,`` 是一个**内置组件**,用于对**列表项**(如 ``、`` 或 `` 等容器内的多个元素)进行过渡动画。它与 `` 类似,但专门用于处理动态列表的进入、离开和移动动画。 --- ## ✅

26   0   0   0

Vue内置组件KeepAlive

在 Vue 中,`` 是一个**内置组件**,用于缓存动态组件(如 ``)或路由组件(在 Vue Router 中),以避免重复渲染和销毁组件实例,从而提升性能。 --- ## ✅ 一、基本用法 ```vue

19   0   0   0

Vue内置组件Teleport

Vue 3 引入了一个非常有用的内置组件:``,它允许你将组件的**部分 DOM 内容**“传送”到**页面中的另一个位置**,而不是按照默认的 DOM 层级结构渲染。 --- ## ✅ 什么是 ``? ``

19   0   0   0

Vue测试

好的,你提到“Vue测试”,这可能指的是在 Vue.js 框架中进行单元测试、组件测试或端到端测试。下面我将为你提供一个全面的 Vue 测试指南,涵盖常用工具和方法。 --- ## 🧪 一、Vue 测试类型 1

19   0   0   0

vue-cli 引入、配置axios的方法

在 Vue CLI 项目中使用 `axios` 是非常常见的做法,用于发起 HTTP 请求。下面我将详细说明如何在 Vue CLI 项目中引入和配置 `axios`。 --- ## ✅ 一、安装 axios 首

191   0   0   0