Vue2.0源码阅读笔记

通常我们在面试的时候，面试官都会问我们一个问题，new Vue({})时发生了什么？这个问题不难，但是想回答好却很难，最近在阅读Vue源码，顺便把整个过程梳理的一遍，做个随笔，不一定符合所有人，大家选择性看就好。

基础模板

<script>
    const app = new Vue({
        data(){
            return{
                info: { name: "杨志强", age: 34 },
                counter: 1,
          }
        }
    })
</script>

过程

第一步：调用原型上的this._init方法

第二步：具体看一下this._init方法

第三步：具体看下initState方法

第四步：具体看下initData方法

第五步：

• 先看一下这三个方法，这三个方法在响应式处理中占据重要地位

  

  

  

• 联系图