对于根实例会走false的逻辑,进入mergeOptions函数，合并Vue的各个配置项options,比如mixins,props,methods,watch,computed,生命周期钩子等等，这是整个项目中第一次的合并配置。Vue会将所有的合并策略都保存在一个strats…

上个月 18 号，尤雨溪大大在知乎官宣：Vue 3 正式进入 RC 阶段。所谓 RC 阶段，就是 Release Candidate，代表 Vue 3 已经已经做好了发布的准备，这段时间会集中做一些准备性的工作，比如写写文档、写写注释以及改改 bug 什么的，不会再加入新的 f…

在日常的开发中，我们经常会遇到在不同的组件中经常会需要用到一些相同或者相似的代码，这些代码的功能相对独立。这时，我们可以通过Vue的mixin功能将相同或者相似的代码提出，这样一来即方便了代码的复用也使得维护更加容易。 这篇文章将为您讲述 Vue mixin的使用方法，会通过实…

注意: 默认情况下每次 commit 都会向 localstorage 写入数据，localstorage 写入是同步的，这样对性能存在影响，应该分场景尽量避免频繁写入持久化数据。 mutation：提交更新数据的方法，必须是同步的(如果需要异步使用action)。 防抖 de…

MutationObserver 给开发者们提供了一种能在某个范围内的 DOM 树发生变化时作出适当反应的能力。该 API 设计用来替换掉在 DOM 3 事件规范中引入的 Mutation 事件。

随着网络的发展，越来越多的网络平台应运而生。如何获得更多的流量，吸引更多的眼球已经成为网络平台生存、发展的必要条件。现在网络平台最常见的一种宣传方式就是人邀人。 我最近就接到一个需求，做一个海报页面，并且能保存到手机，方便用户分享给朋友，希望能够达到人邀人的效果。 问题来了：二…

前两篇关于vue权限路由文章的填坑，说了一堆理论，是时候操作一波了。 选择d2-admin是因为element-ui的相关开源项目里，d2-admin的结构和代码是让我感到最舒服的,而且基于d2-admin实现RBAC权限管理也很方便，对d2-admin没有大的侵入性的改动。 …

本文在上一章-vue项目搭建的基础上，对vue-router路由配置进行进行详细的介绍。 按下图所示新建pages,layout文件夹，新建vue文件（这里NewDetails组件的path应该为'/new_details'）。 如图所示配置路由文件。页面效果如下： 点击按钮跳…

上面的代码的效果是，当我们输入firstName后，wacth监听每次修改变化的新值，然后计算输出fullName。 这里 watch 的一个特点是，最初绑定的时候是不会执行的，要等到 firstName 改变时才执行监听计算。那我们想要一开始就让他最初绑定的时候就执行改怎么办…