我们都知道Vue.js具有数据响应式的特点。 我们用三篇文章来看看这三种watcher都是什么、干什么用、以及怎么用的。 结合上面的代码来看，响应式意味着：当name属性值改变时，渲染的内容也应随之变化。 用了和变了，是可以通过对该属性值设置访问描述符（get/set）知道的。…

哪吒人生信条：如果你所学的东西 处于喜欢 才会有强大的动力支撑。 希望可以通过这篇文章，能够给你得到帮助。(感谢一键三连) 页面分为3个部分：页面的顶部header，底部footer，中间部分（侧栏side和主要部分main）。 MVVM框架是一个Model-View-View…

3. Vue官方《渲染函数文档》 4. Vue渲染函数源码解析 最近学习Vue过程中对虚拟Dom以及Render函数原理不是很理解，虽然官方有介绍，但还是没能深入理解，所以找了点资料来补补，这一切都是为了深入掌握Vue知识。 今天我们学习的目的是了解和学习Vue的render函…

为了这艘航海船，消耗了非常多的东西，可以看到，不仅仅尤大和他的社区团队在努力，小伙伴们也很积极呢，所以还有什么理由学不动呢。 整个社区的倾力支持，最后是属于每一位位 Vue3.0 做过贡献的小伙伴们。 当我看到这句话的时候突然有一丝的愣神，作为 Vueer ，很多时候看别人对待…

之前写过一篇文章，关于 Vue 属性透传的，文章中我列举了很多种方法去实现属性透传。其中包括直接设置 props，v-bind="$attrs"，render function 等方式。感兴趣，详情看 【Vue进阶】——如何实现组件属性透传？ 这让我意识到了自己对一些 Vue …

结合着本思路和指令咱们来实现。 bind：只调用一次，指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置。 inserted：被绑定元素插入父节点时调用 (仅保证父节点存在，但不一定已被插入文档中)。 update：所在组件的 VNode 更新时调用，但是可能发生在其…

前言 在平时的开发过程中，我们总是先写好一个组件，然后在需要的页面中用 import 引入即可，但如果是下面这种类型的组件呢👇 上面这种类型的浮层提示有一个很大的特点，就是使用频率特别高，几乎每个页面

无论是开发新手还是经验丰富的老手，我们都喜欢开源软件包。对于开发者来说，如果没有这些开源软件包，很难想象我们的生活会变得多么疲惫不堪，而且靠咖啡度日也会成为家常便饭。所幸的是，随着 Vue.js 和 Nuxt.js 社区的不断壮大，每天都会出现一些很好的软件包。 在下文中，我们…