vue对象中data的几种写法

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:""
        }
    }
})