vue 实例

vue  源码分析：

实例：

　　按照之前的工程：我们在 上分析一下：

　hello.html:

　　第一步引入 js 组件，

　　　定义 一个vm实例对象，

每个 Vue.js 应用都是通过构造函数 Vue 创建一个 Vue 的根实例 启动的：

var vm = new Vue({
  // 选项
})

虽然没有完全遵循 MVVM 模式。因此在文档中经常会使用 vm 这个变量名表示 Vue 实例。

在实例化 Vue 时，需要传入一个选项对象，它可以包含数据、模板、挂载元素、方法、生命周期钩子等选项。全部的选项可以在 API 文档 中查看。

属性与方法

 

每个 Vue 实例都会代理其 data 对象里所有的属性：

注意只有这些被代理的属性是响应的。如果在实例创建之后添加新的属性到实例上，它不会触发视图更新。

实例生命周期

 

每个 Vue 实例在被创建之前都要经过一系列的初始化过程。例如，实例需要配置数据观测(data observer)、编译模版、挂载实例到 DOM ，然后在数据变化时更新 DOM 。在这个过程中，实例也会调用一些生命周期钩子 ，这就给我们提供了执行自定义逻辑的机会。例如，created 这个钩子在实例被创建之后被调用：

参见声明周期实例ｄｅｍｏ：

 

 

 

 

 

 

 

 

 

 

 

参考博文： 参见github:qq281113270/vue

https://www.w3cschool.cn/vuejs2/instance.html