vue实例

Posted 2021-11-05 ruerror

1、new Vue创建根实例

2、data对象，所有的属性加入到 Vue 响应式系统-值发生改变时，视图自动变更为新值

　　只有实例被创建时存在的属性才会响应式改变，后增加的不会

　　vue定义的实例属性和方法用$修饰，以区分用户定义的

new Vue({
    el:‘#app‘,
    data:{
        msg1:‘‘,
        msg2:‘‘
    }
})

3、生命周期钩子函数，created,mounted,updated,destroved。生命周期钩子的this上下文指向调用它的Vue实例

new Vue({
    el:‘#app‘,
    created:function(){
        console.log("创建钩子")
    },
    updated:function(){
        console.log(‘修改钩子‘)
    }
})