本次解析本套高级前端的Vue面试题的第三问，Vue中是如何检测数组变化的，如果对这一问也有所不熟悉的，请一起学习吧。 上一文中，我们提到了Vue2.0和3.0的响应式原理，但是没有深入细讲，在本文会进行深入的分析Vue在2.0版本和3.0版本里，分别是如何检测各种数据类型的值变…

本人是做后台开发的，由于公司业务要求需要将前后台模块进行分离，两年前选择使用 vue-element-admin 项目进行前台的开发，该框架集成了很多功能，特别适合对 Vue 很陌生的新手，公司项目组成员接受程度普遍较高。 在使用过程中 表格 是必不可少的一个控件，用于展示数据…

当一个组件被定义，data 必须声明为返回一个初始数据对象的函数，因为组件可能被用来创建多个实例。如果 data 仍然是一个纯粹的对象，则所有的实例将共享引用同一个数据对象！通过提供 data 函数，每次创建一个新实例后，我们能够调用 data 函数，从而返回初始数据的一个全新…

通过前面的文章，我们认识了页面的响应是由Vue实例里的data函数所返回的数据变化而驱动，也重点学习了页面的响应与数据变化之间是是如何来联系起来的，并且分别在Vue2.x与3.x中，从零到一实现了两个版本下的数据变化驱动页面响应原理。 接下来在本文里一起看看当数据变化时，从源码…

上善若水，水善利萬物而不爭。——《道德經》 在平时开发是经常用到一些父子组件通信，经常用到props、vuex等等，这里面记录另外的三种方式v-model、sync是怎么使用，再说是怎么实现，其实v-model、sync都是语法糖。还有$attrs、$listener实现父子组…

vue3-jd-h5是一个电商H5页面前端项目，基于Vue 3.0.0-beta.1 + Vant 实现，主要包括首页、分类页面、我的页面、购物车等。 ⚠️master分支是线上生产环境代码，因为部分后台接口已经挂了😫，可能无法看到实际效果。 进入刚才clone下来的项目根目…

大家都说简历没项目写，我就帮大家找了一个项目，还附赠【搭建教程】。 我比较喜欢使用 Vue 来开发，所以有时会深入研究其功能和特性。 通过这篇文章，向你们介绍十个很酷的窍门和技巧，以帮助大家成为更好的 Vue 开发者。 随着Vue 2.6的推出，已经引入了插槽的简写方式，之前简…

vue的一些基础知识，以及相关实现原理，一直是面试中比较热门的题目，本文梳理了常见的Vue面试题。系列文章将在公众号「前端小苑」首发，可微信扫描文章底部二维码添加。 1. 组件通信方式有哪些？ 2. 子组件为什么不可以修改父组件传递的Prop？ Vue提倡单向数据流,即父级 p…