毫无疑问，组件通信是Vue中非常重要的技术之一，它的出现能够使我们非常方便的在不同组件之间进行数据的传递，以达到数据交互的效果。所以，学习组件通信技术是非常有必要的，本文将总结Vue中关于组件通信的八种方式，帮助大家在使用Vue的过程中更加得心应手！ 如果文中有不对、疑惑的地方，欢迎在评论区留言指正...
前言 众所周知，在vue2的时候使用一个vue组件要么全局注册，要么局部注册。但是在setup语法糖中直接将组件import导入无需注册就可以使用，你知道这是为什么呢？注：本文中使用的vue版本为3.4.19。 关注公众号：【前端欧阳】，给自己一个进阶vue的机会 看个demo 我们先来看个简单的d
今天介绍一个新的Vue后台管理框架，相比其他后台功能丰富管理系统，这个后台管理系统可以用干净简洁来形容——Nova-admin Nova-admin Nova-admin 是一个基于Vue3、Vite5等最新技术的后台管理平台。用简单的方式实现完整功能，并尽可能的考虑代码规范，易读易理解无过度封装，
前言 众所周知，vue3的template中使用ref变量无需使用.value。还可以在事件处理器中进行赋值操作时，无需使用.value就可以直接修改ref变量的值，比如：change msg。你猜vue是在编
title: Vuex 4与状态管理实战指南 date: 2024/6/6 updated: 2024/6/6 excerpt: 这篇文章介绍了使用Vuex进行Vue应用状态管理的最佳实践，包括为何需要状态管理，Vuex的核心概念如store、actions、mutations和getters，以及
使用 Vite 快速搭建脚手架 命令行选项直接指定项目名称和想要使用的模板，Vite + Vue 项目，运行（推荐使用yarn） # npm 6.x npm init vite@latest my-vue-app --template vue # npm 7+, 需要额外的双横线： npm init
Cannot read properties of null (reading 'isCE') 这个问题是在vue3中引入elementui的列表框时出现的。经过网上查询，有说是装了两个vue版本的，也有说是其他代码写错导致的,还有说是导入错误的。 但我的不是这个问题，我的是版本兼容问题。因为在网上
基于Vue 3的全新水印通用组件封装。这款组件不仅功能强大，而且易于集成，能够轻松为您在网页任何位置添加自定义水印，有效防止内容被篡改或盗用。
前言 在上一篇 vue3早已具备抛弃虚拟DOM的能力了文章中讲了对于动态节点，vue做的优化是将这些动态节点收集起来，然后当响应式变量修改后进行靶向更新。那么vue对静态节点有没有做什么优化呢？答案是：当然有，对于静态节点会进行“静态提升”。这篇文章我们来看看vue是如何进行静态提升的。 什么是静态
其他章节请看： vue3 快速入门 系列 Pinia vue3 状态管理这里选择 pinia。 虽然 vuex4 已支持 Vue 3 的 Composition API，但是 vue3 官网推荐新的应用使用 pinia —— vue3 pinia 集中式状态管理 redux、mobx、vuex、pi
shallowReactive 使用 reactive 声明的变量为递归监听，使用 shallowReactive 声明的变量为非递归监听（通俗的讲就是 reactive 创建的对象将会被 vue 内部进行递归监听，可以监听到对象中的对象是否发生了改变从而更新视图，而 shallowReactive
Vue3 目前已经趋于稳定，不少代码库都已经开始使用它，很多项目未来也必然要迁移至Vue3。本文记录我在使用Vue3时遇到的一些问题，希望能为其他开发者提供帮助。 1. 使用reactive封装基础数据类型 传统开发模式中，数据声明很简单。但是在Vue中有多个响应式变量声明方式，整体的使用规则如下：
事件总线Mitt使用非常简单，本篇随笔介绍在Vue3+TypeScript 前端项目中使用的一些场景和思路。我们在Vue 的项目中，经常会通过emits 触发事件来通知组件或者页面进行相应的处理，不过我们使用事件总线Mitt来操作一些事件的处理，也是非常方便的。
转载请注明出处： 一、Vuex是什么？ 介绍：Vuex 是一个专为 [Vue](https://so.csdn.net/so/search?q=Vue&spm=1001.2101.3001.7020).js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态
一、简介 2020年9月18日，Vue.js发布3.0版本，代号：One Piece（海贼王） github.com/vuejs/vue-n… 1.性能的提升 打包大小减少41% 初次渲染快55%, 更新渲染快133% 内存减少54% 2.源码的升级 使用Proxy代替defineProperty实
添加一个router.js 配置文件 import { createRouter, createWebHistory } from 'vue-router' createRouter：用来创建 路由 createWebHistory ：url的格式 不带#。 导入你的.vue页面 即你的页面，如：
记录自己搭建前端项目的学习过程和开发过程，希望一起学习进步 采用Vue3+element-plus+axios+vue-router+sass……（目前刚开始是用到了这些,随着开发慢慢更新） npm是比较慢的， 所以我用的是pnpm。安装指令：npm i pnpm 简单介绍下作用 Vue3:前端框架
假设用户登录，在地址栏输入了Login，人性化的设计应该自动回到home页面。或者用户输入不存在路由，也应该回到home页面。 这个时候需要用到vue-router的导航守卫功能。 在我们封装的router.js文件下添加router.beforeEach…… const router = crea
Zova 是一款支持 IOC 容器的 Vue3 框架。有了 IOC 容器的加持，定义响应式状态不再需要ref/reactive，也不再需要ref.value
defineModel 同学已经转正 defineModel 在vue3.3中还是一个实验性功能, 但是经过一个学期的努力,该同学已经转正。 defineModel的简单介绍 defineModel() 返回的值是一个 ref。 它可以像其他 ref 一样被访问以及修改。 它能起到在父组件和当前变量
