Vue中eld和data的两种写法

127 阅读1分钟

el绑定的两种写法:


1.第一种写法(先创建一个Vue实例对象,然后,往对象上绑定el)

 const v=new Vue({
     data:{
         name:'王亚楠'
     }
 })
 v.$mount('#root')      //绑定的第二种写法。

2.el的第二种写法:

new Vue({
    el:'#root',
    data:{
        name:'王亚楠'
    }
})

data的两种写法:

data的第一种写法(对象式)

data的第一种写法:对象式
 data:{
     name:'王亚楠'
 }

data的第二种写法(函数式)

data:function (){
    console.log(this)//这里的this是Vue实例对象。
    return{
        name:'尚硅谷'
    }
}


欢迎大家批评指正