Vue.js的实 例

Vue.js的实 例：

1.构造器

2.属性与方法

3.实例生命周期

1.构造器

每个 Vue.js 应用的起步都是通过构造函数 Vue 创建一个 Vue 的
根实例：
var app = new Vue({
// 选项
})

1.1 一个Vue实例其实正是一个MVVM模式中所描述的ViewModel

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

2.属性与方法

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

2.2被代理的属性是响应的。如果在实例创建之后添加新的属性到实例
上，它不会触发视图更新。
2.3 Vue 实例暴露了一些有用的实例属性与方法。这些属性与方法都有
前缀 $ ，以便与代理的数据属性区分。

例子：js代码

window.onload = function() {
   var data = {
      name: "Conan",
      age: 28
   };
   var app = new Vue({
      el: "#app",
      data: data
   });

   console.log("app.name === data.name: " + (app.name === data.name));//结果 true
   console.log("app.age === data.age: " + (app.age === data.age));//结果true



   console.log(app.$el === document.getElementById("app"));//结果true

console.log(app.$data );//结果

};

3.生命周期

Vue 实例在创建时有一系列初始化步骤——例如，它需要建立数据观察，编译模板，创建必要的数据绑定。在此过程中，它也将调用一些生命周期钩子，给自定义逻辑提供运行机会。