在第一次调用vuexInit函数时，options.store就是根选项的store，因此会判断其类型是不是function，若是则执行函数并将结果赋值给根实例的$store中，否则直接赋值。 总结：整个mixin文件做的事情，就是利用mixin在各个实例的生命钩子before…

vue 作为目前前端三大框架之一，对于前端开发者可以说是必备技能。那么怎么系统地学习和掌握 vue 呢？为此，我做了简单的知识体系体系总结，不足之处请各位大佬多多包涵和指正，如果喜欢的可以点个小赞！本文主要讲述一些vue开发中的实用技巧。 当然这里不仅仅是可以监听 mounte…

随着 VueJS 的使用越来越广泛，出现了几种最佳实践并逐渐成为标准。在本文中，主要分享在平时开发中一些有用资源和技巧，废话少说，我们开始吧。 在需要操纵数据时，将key属性与v-for指令一起使用可以让程序保持恒定且可预测。 这是很有必要的，这样Vue就可以跟踪组件状态，并对…

很多人提起 Vue 中的 computed，第一反应就是计算属性会缓存，那么它到底是怎么缓存的呢？缓存的到底是什么，什么时候缓存会失效，相信还是有很多人对此很模糊。 本文以 Vue 2.6.11 版本为基础，就深入原理，带你来看看所谓的缓存到底是什么样的。 本文假定你对 Vue…

据上节文章发布已经有了两个星期了。期间收到了 1000+ 个赞，30000+ 阅读量，这是我万万没想到的。自己的文章能有这么高的关注度，真的很令人满意！ 但是相反，写文章的压力更加大了。一篇文章总是反反复复的修改，总是担心自己的认知水平和技术水平不够，甚至导致有些地方会误导读者…

Vue 生命周期大概就是：一个从 Vue 实例的创建到组件销毁的一个的过程。 具体情况下，我们分为几个核心的阶段，并且每个阶段都有一套钩子函数来执行我们需要的代码。 组件缓存，activated 与 deactivated，这两个钩子也是一对的，分别表示被 keep-alive…

高阶组件这个概念在 React 中一度非常流行，但是在 Vue 的社区里讨论的不多，本篇文章就真正的带你来玩一个进阶的骚操作。 先和大家说好，本篇文章的核心是学会这样的思想，也就是 智能组件 和 木偶组件 的解耦合，没听过这个概念没关系，下面会详细说明。 这可以有很多方式，比如…

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

在组件中使用 $route 会使之与其对应路由形成高度耦合，从而使组件只能在某些特定的 URL 上使用，限制了其灵活性。 函数式组件是无状态，它无法实例化，没有任何的生命周期和方法。创建函数式组件也很简单，只需要在模板添加 functional 声明即可。一般适合只依赖于外部数…