4、vue对象中data的几种写法:

1)、直接用{} 一个object,在object里面写上属性(简单明了,直接进行操作)

new vue({
    el:"",
    data:{
        name:"",
        age:""
    }
})

2)、使用函数返回一个object对象(适用于组件传值,以及在返回之前进行一些其他的操作)

函数的调用者 this 是vue这个对象

console.log(this) ------得到的是vue对象

new vue({
   el:"",
   data:function(){
       return {
          name:"",
          age:""
       }
   }
})

3)函数式简写方式

new vue({
    el:"",
    data(){
        return{
            name:"",
            age:""
        }
    }
})
Logo

前往低代码交流专区

更多推荐