前言想必很多小伙伴在使用vue时，都遇到过明明修改data里的数据了，但是视图却不更新的情况吧，这时候有经验的小伙伴，二话不说直接调用this.$forceupdate()强制更新页面，管他啥情况，刷就完事了，我属于是整个一个大无语。$nexttick将回调延迟到下次 DOM 更新循环之后执行。在修改数据之后立即使用它，然后等待 DOM 更新。它跟全局方法Vue.nextTick一样，不同的是回调

setup语法糖写起来舒服多了，赶紧学起来吧~

vue父子组件可以通过emit进行传参，有些时候我们在子组件传参的同时，父组件也需要传参，比如v-for渲染的列表，可能要把索引当参数传递。那么我们怎么同时接收子组件参数和父组件参数呢？有以下两种方法。一、子组件传出单个参数时// 子组件this.$emit('test',this.param)// 父组件@test='test($event,parentParam)'二、子组件传出多个参数时//

vue2.x挂载全局是使用Vue.prototype.xxxx=xxx的形式来挂载，然后通过this.xxxx=xxx的形式来挂载，然后通过this.xxxx=xxx的形式来挂载，然后通过this.xxx来获取挂载到全局的变量或者方法但是在vue3.x这种方法行不通了，在setup里面连this都获取不到，那么我们怎么挂载全局变量呢并使用它呢？1. 挂载在main.js中进行挂载import {

keep-alive的原理其实很简单

前言最近比较忙，都没什么时间学习了。在vue3里，ref和reacitve都可以定义响应式数据，但是两者有所不同。在使用reactive定义复杂结构的响应式数据时，如果你要对其赋值，会丢失其响应性。然后赋值是我们经常进行的操作，那么该怎么解决呢？方法1. 改为ref定义const arr= ref([])arr.value = [1, 2, 3]2. push新增数据const arr = rea

vue父子组件可以通过emit进行传参，有些时候我们在子组件传参的同时，父组件也需要传参，比如v-for渲染的列表，可能要把索引当参数传递。那么我们怎么同时接收子组件参数和父组件参数呢？有以下两种方法。一、子组件传出单个参数时// 子组件this.$emit('test',this.param)// 父组件@test='test($event,parentParam)'二、子组件传出多个参数时//

作为一个前端开发人员，DevTools 是我们最熟悉不过的伙伴。无论是dom检查、调试bug，断点调试、性能检测等一系列操作都离不开它的帮助。 大家经常使用的 DevTools 功能大差不差，

在搭建的过程中，一定要注意因为修改了项目根目录（root）所带来的问题，利用将路径重置到相对于项目根的位置！关于如何使用这个多页面脚手架，可以看 README.md 文件。github地址。

前言最近新项目用vue3搭建的，准备开始使用vue3的语法，从这篇开始记录下vue3遇到的一些问题和一些语法的使用方法，以便于以后复习，也可能帮助到一些小伙伴。1. 修改父组件普通数据使用v-mode语法，代替了vue2.x的.sync修饰符父组件用ref()定义一个普通数据为响应式变量，例 var test = ref(‘parent’)父组件用v-mode将数据绑定到子组件上<Child