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