vue实例

vue实例

创建vue实例

new Vue（）

声明式渲染

el属性

举个栗子

new Vue({
    el:"#app"
})

数据与方法

数据属性data

举个栗子:

var data = {a:1}
new Vue({
    el:"#app",
    data:data
})

实例属性与方法$

举个栗子:

var data={a: 1}
vart vm =new Vue({
el : '#example',
data: data
})
vm. $data ===dara//=>true
vm.$el === document.getElementByld('example')// =>true
//$watch 是一个实例方法
vm.$watch('a',function(newValue,oldValue){
//这个回调将在vm.a改变后调用
}）

生命周期钩子

created 创建
mounted 安装 渲染完毕代表安装成功
updated 更新
destroyed 销毁