Vue入门学习笔记(三)

el的两种写法

1.第一种写法

const v = new Vue({
        el: '#root',//第一种写法
        data:{
            name:'小易'
        }
    })
    console.log(v);

2.第二种写法

setTimeout(() => {
        v.$mount('#root')//第二种写法
    }, 1000);

data的两种写法

1.data的第一种写法，对象式

		data:{
            name:'小易'
        }

2.data的第二种写法：函数式

		data(){
            console.log('@@@',this);//此处this是vue的实例对象
            return{
                name:'小易'
            }
        }

一个重要的原则：由vue管理的函数，一定不要写箭头函数，一旦写了箭头，this就不再是vue实例了。