Vue学习-构造器

构造器

创建构造器
组件构造器（自定义构造器）
构造器的属性和方法
构造器的生命周期

Vue构造器

var vm=new Vue({

})

组件构造器

可扩展Vue构造器，从而创建可复用的组建构造器。
var MyComponent=Vue.extend({

})
var myComponentInstance=new MyComponent()

构造器的属性和方法

Vue实例可以直接访问data对象里所有的属性。

var vm=new Vue({
    el:"#table"
    data:{
        message:'test'
    }
})

vm.message=='test'

但访问其他属性需要加上$符号以便跟data中的属性加以区分。
如：vm.$el==document.getElementById('example')

构造器的生命周期

构造器的生命周期包括：created mounted updated destroyed
实例创建完成之后状态为created
挂载实例到dom上后状态为mounted
dom的数据更新完成之后为updated
销毁实例（执行vm.$destroy()）后为destroyed