vue实例

vue实例

创建vue实例

new Vue()

声明式渲染

el属性

举个栗子

<div id="app"></div>
new Vue({
    el:"#app"
})

数据与方法

数据属性data

举个栗子:

<div id="app"></div>
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 销毁

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。