vue2学习

前言 写了两年的Vue，期间学习到好几个提高开发效率和性能的技巧，现在把这些技巧用文章的形式总结下来。 1. 巧用$attrs和$listeners $attrs用于记录从父组件传入子组件的所有不被p

有时候有些面试中经常会问到v-for与v-if谁的优先级高，这里就通过分析源码去解答一下这个问题。 下面的内容是在 当我们谈及v-model，我们在讨论什么?的基础上分析的，所以阅读下面内容之前可先看这篇文章。 我们再次顺着这三个步骤对上述例子进行分析。 parse过程中，会对…

当提及到v-model时，我们都会想到它时一个语法糖，相当于在使用该指令的元素或者组件上绑定了props中的value值以及注册了input事件。但其实深入挖掘其中，可以学习到更多的东西，下面就看一下相关的Vue源码吧。 在初始化时，Vue构造函数会执行this._init，然…

继续上一次的Vue源码阅读，学到更多的一些API的内部源码，这里再次分享一下自己的理解。 向响应式对象中添加一个 property，并确保这个新 property 同样是响应式的，且触发视图更新。它必须用于向响应式对象上添加新 property，因为 Vue 无法探测普通的新增…

一般靠使用Vue的经验和背网上的答案都可以基本答出个大概，但如果被细问其中就可能答不出来，这里就从源码的角度开始分析Vue的生命周期。 这里首先要介绍一下callHook函数，以方便一下阅读源码，在Vue的源码中，当要执行到生命周期钩子的函数时，都会通过该函数去调用执行用户注册…

Vue 将被侦听的数组的变更方法进行了包裹，所以它们也将会触发视图更新。这些被包裹过的方法包括： 已知Vue通过data中的数据进行递归遍历，然后用Object.defineProperty对其设置存取描述符从而达到响应式。然而其实在上述步骤时，是针对数据类型是对象的变量时采取…

最近阅读Vue源码，从打包的入口文件开始阅读，学到一些API的内部源码，这里分享一下自己的理解。 用于安装Vue插件，例如vue-router、vuex。 如果插件是一个对象，必须提供 install 方法。如果插件是一个函数，它会被作为 install 方法。install …

1.render函数在编写vue单文件的大多数情况下，我们都是使用template模板来创建HTML。然而在一些条件判断比较复杂的场景下，使用JavaScript去描绘HTML的生成逻辑会显得更加的简