大家都知道，在vue里，每次路由切换或者组件切换或者重新加载，都会重新创建一个新的vue组件实例，会重头执行一遍`created,mounted,destroy`等一个完整的vue生命周期，并且数据全

起因是因为我们团队内部在进行发布系统迁移的时候，遇到了个路由相关的基础问题。当时隐约知道是为什么，但是对于路由 因为我们平时过于熟悉，以至于忘了其很多基础特性，并没有第一时间快速的排查问题。对此深感惭愧。 于是就找个时间补一补路由相关的基础知识，并且查看了下 vue-route…

一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第1天，点击查看活动详情。 1. 技术栈说明 vue2.6 + vue-router + vuex + element-ui 2. 开

前言 我以前很喜欢封装组件，什么东西不喜欢别人的，总喜欢自己搞搞，这让人很有成就感，虽然是重复造轮子，但是能从无聊的crud业务中暂时解脱出来，对我来说也算是一种休息，相信有很多人跟我一样有这个习惯。

前言 我们都知道，Vue2.0对于响应式数据的实现有一些不足： 无法检测数组/对象的新增 无法检测通过索引改变数组的操作。 分析 无法检测数组/对象的新增？ 无法检测通过索引改变数组的操作。即vm.i

组件是 vue.js最强大的功能之一，而组件实例的作用域是相互独立的，这就意味着不同组件之间的数据无法相互引用。一般来说，组件可以有以下几种关系： 如上图所示，A 和 B、B 和 C、B 和 D 都是父子关系，C 和 D 是兄弟关系，A 和 C 是隔代关系（可能隔多代）。 针对…

在vue2中应尽量避免二者同时使用 vue 2.x官方链接 那么,我们举个例子说明为啥不推荐 它实际经过的运算是这样的 因此哪怕我们只渲染出一小部分的元素，也得在每次重渲染的时候遍历整个列表

原理性的东西就会文字较多，请耐下心来，细细品味 Vue中DOM更新机制 当你气势汹汹地使用Vue大展宏图的时候，突然发现，咦，我明明对这个数据进行更改了，但是当我获取它的时候怎么是上一次的值

这段脚本执行我们猜测会依次打印：1、2、3。但是实际效果中，只会输出一次：3。为什么会出现这样的情况？我们来一探究竟。 我们定义watch监听msg，实际上会被Vue这样调用vm.$watch(keyOrFn, handler, options)。$watch是我们初始化的时候…