el与data的两种写法

102 阅读1分钟

el: 挂载点

通过css选择器设置vue实例管理的元素

通过el属性,将vue实例挂载到id为app的div内部

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

其实也可以用v.$mount("#id")挂载到节点上,更灵活

data的两种写法:

1、对象式

data:{
name:"xxx"
}

2、函数式

data:function(){
    return {
    name:"xxx"
    }
}

简写data(){return{}}

这种data中的this指向vue对象,如果用的是箭头函数如下

data:()=>{}

那this是window对象