Vue内置组件Transition

在 Vue 中,`` 是一个**内置组件**,用于在元素或组件进入或离开 DOM 时添加**过渡动画**。它主要用于控制元素的显示/隐藏,并在切换时应用 CSS 过渡或动画。 --- ## ✅ 基本用法 ```

101   0   0   0

Vue 创建一个应用

在 Vue 中创建一个应用通常指的是使用 Vue.js 框架来构建一个前端应用。Vue 是一个用于构建用户界面的渐进式 JavaScript 框架,你可以通过多种方式来创建一个 Vue 应用: --- ## ✅

170   0   0   0

Vue组件注册

在 Vue 中,组件的注册是构建可复用 UI 的关键部分。Vue 提供了多种方式来注册组件,主要包括 **全局注册** 和 **局部注册**。 --- ## 一、全局注册组件 使用 `Vue.component

100   0   0   0

Vue路由

Vue Router 是 Vue.js 官方的路由管理器,用于构建单页应用(SPA, Single Page Application)。它允许你通过定义不同的路由规则,将不同的 URL 映射到对应的组件,实现页面之间

118   0   0   0

Vue组件 v-model

在 Vue 中,`v-model` 是一个非常常用的指令,用于在表单输入元素(如 ``、``、``)和 Vue 实例的数据之间创建**双向绑定**。它简化了数据的同步过程,使用户输入与数据模型保持一致。 ---

149   0   0   0

Vue异步组件

在 Vue 中,**异步组件(Asynchronous Components)** 是一种按需加载组件的方式,适用于大型项目中优化性能。通过异步加载组件,可以减少初始加载时间,提升用户体验。 --- ## ✅ 一

137   0   0   0

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

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

247   0   0   0

Vue测试

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

62   0   0   0

Vue内置组件Teleport

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

61   0   0   0

Vue内置组件KeepAlive

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

84   0   0   0

Vue内置组件TransitionGroup

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

90   0   0   0

Vue插件

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

77   0   0   0

Vue自定义指令

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

91   0   0   0

Vue组件透传 Attributes

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

122   0   0   0

Vue组件事件

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

124   0   0   0

Vue Props详解

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

94   0   0   0

Vue 生命周期

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

116   0   0   0

Vue 组件基础

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

93   0   0   0