el和data的两种写法

el

在创建对象时绑定标签

        let vm = new Vue({
            el:"#root", //el第一种写法
            data:{
                name:"彭可选",
            }
        })

在创建对象之后绑定标签

        let vm = new Vue({
            data:{
                name:"彭可选",
            }
        })
        vm.$mount("#root");//el第二种写法，调用vue原型的$mount方法

data

使用对象式

        let vm = new Vue({
            el:"#root", 
            data:{ //data对象式写法
                name:"彭可选",
            }
        })

使用函数式

组件中的data必须要写成函数式，否则会报错

        let vm = new Vue({
            el:"#root", 
            data(){ //data函数式写法
                name:"彭可选"
            }
        })

注意使用函数式写data时，不能使用箭头函数，使用箭头函数后，this指向就不是vue了，而是window