自定义事件在 Vue 中，自定义事件是一种强大的机制，用于在组件之间进行通信。通过自定义事件，父组件可以监听子组件的事件，并在事件触发时执行相应的操作。以下是 Vue 自定义事件的详细使用方法和示例。 1. 自定义事件的基本使用1.1 在子组件中触发...

虚拟DOMVue 的虚拟 DOMVue 的虚拟 DOM（Virtual DOM）是现代前端框架中常用的一种技术，它通过在内存中构建一个轻量级的 DOM 结构来提高 DOM 操作的性能。以下是 Vue 虚拟 DOM 的原理和实现机制的详细解释： 1. ...

计算属性和侦听器计算属性和侦听器Vue 的计算属性（Computed Properties）和侦听器（Watchers）都是用于基于数据的派生状态的工具，但它们在功能和使用场景上有一些关键区别。以下是它们的主要区别和适用场景： 1. 计算属性（Com...

02 Vue组件组件 组件的定义 组件具备复用性 全局组件，只要定义了，处处可以使用，性能不高，但是使用起来简单，名字建议 小写字母单词，中间用横线间隔 局部组件，定义了，要注册之后才能使用，性能比较高，使用起来有些麻烦，建议大些字母开头，驼峰命名 ...

03 Vue动画过渡与动画1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606...

04 Vue高级语法mixin 混入局部的mixin 12345678910111213141516// mixin 混入 // 组件 data, methods 优先级高于 mixin data, methods 优先级 // 生命周期函数，先...

05 Vue3 Composition APIsetupcreated 实例被完全初始化之前 123456789101112131415161718192021222324// 对数据做校验的插件 const app = Vue.createApp...

vite关键词 vite 双模式设计优化开发体验 websocket 热更新，解决改一行代码等半天的问题 插件架构 webpack 配置复杂 开发时打包慢 vite以下是 Vite 中常用的配置项及其说明，适用于大多数前端项目：1. 基...

08 Vue-Router本文是 Vue-Router 使用的实例，更多概念性内容可以参考路由 基础配置初始化 vue3 项目，选择使用 Vue-Router 插件 123npm create vue@latestnpm installnpm run...

Vue3的新功能proxy代替defineProperty在 Vue 3 中，响应式系统从 Vue 2 的 Object.defineProperty 转变为基于 ES6 的 Proxy API，主要基于以下几个原因： 1. 性能提升 Object....