vue2 - el与data的两种写法

el的两种写法：

         const v = new Vue({
            //el:'#root', //第一种写法
            data:{
                name:'尚硅谷'
            }
        })
        v.$mount('#root') //第二种写法 

(1).new Vue时候配置el属性。

(2).先创建Vue实例，随后再通过vm.$mount('#root')指定el的值。

 

data的两种写法：

        new Vue({
            el:'#root',
            //data的第一种写法：对象式
             data:{
                name:'尚硅谷'
            } 

            //data的第二种写法：函数式
            data(){ //data: function() {return obj;}
                console.log('@@@',this) //此处的this是Vue实例对象
                return{
                    name:'尚硅谷'
                }
            }
        })

(1).对象式

(2).函数式

注意：函数一定要返回一个对象