'el'的兩種寫法

在new Vue實例時配置'el'屬性

var vm = new Vue({

????// 第一種寫法

????el: "#box",

});

先創(chuàng)建Vue實例，隨后通過vm.$mount('#box')指定'el'的值

var vm = new Vue({})

// 第二種寫法

vm.$mount('#box');

data的兩種寫法

對象式

new Vue({

????el:'#box',

????// 第一種：對象式

????data:{

????????name: "測試",

????}

})

函數(shù)式

new Vue({

????el:'#box',

????//寫組件時必須使用函數(shù)式，此時不能用箭頭函數(shù)否則會報錯

????data:function(){

????????// 此處this為Vue實例對象

????????console.log(this);

????????return {

????????????name: "測試",

????????}

????}

})

重要原則

由Vue管理的函數(shù)，一定不要用箭頭函數(shù)，若不用，則this指向Vue實例；反之，不能指向Vue實例，而是指向window