何为构造器
对于Vue.js 项目来说,每个应用的起步都需要使用Vue.js的构造器函数创建一个根实例,如下
// 逻辑部分代码,建立Vue实例var vm = new Vue({
// 选项})
在实例化Vue.js 的时候,需要传入一个选项对象,它包含数据模板,挂载元素,方法和生命周期钩子等选项,全部的选项可以在api中查看。
对于已经创建的相关的构造器,可以扩展为其他构造器,相当于对某一构造器的继承,从而达到可复用组件构造器的目的,代码如下
var MyComponent = Vue.extend({
})// 所有的 MyComponent 实例都将会以预定义的扩展选项被创建var MyComponentInstance = new MyComponent()
实例属性和方法
每个Vue实例在被创建的时候,都需要经过一系列的初始化的过程,而在初始化的过程中,加入一些data属性,即表示此实例的一些响应事件或者数据属性等,例如,需要设置数据监听,编译模板,和挂载实例到DOM