VUE中的this關(guān)鍵字在所有的事件回調(diào)中指向Vue實例，因此經(jīng)常用于訪問實例屬性和方法。除了事件回調(diào)，this還可以用在執(zhí)行方法時訪問實例屬性、訪問計算屬性、直接改變響應(yīng)式屬性等方面。

在VUE中，在一個組件實例內(nèi)部，this指向這個實例本身。也就是說，這里的this不同于其他編程語言中的this，在Vue實例中它是一個自己實例的代理。它的作用是在Vue實例中引用當(dāng)前實例的屬性，如data。當(dāng)一個Vue實例被創(chuàng)建時，它會把所有的屬性加入到Vue實例中，當(dāng)一個方法在模板中或在Vue實例中被調(diào)用時，this會引用到Vue實例本身。

const vm = new Vue({
data: {
message: 'Hello World!'
},
methods: {
showMessage() {
console.log(this.message); // Hello World!
}
}
});
vm.showMessage();

在這個例子中，message是一個數(shù)據(jù)屬性，而showMessage是一個方法。當(dāng)showMessage方法在Vue實例中被調(diào)用時，this會引用到當(dāng)前實例對象，并能訪問到實例對象中的message屬性。

在模板中，this可以簡化為$，如{{ $data }}可以訪問到Vue實例中的data屬性。

{{ $data.message }}

另外，可以通過綁定到計算屬性實現(xiàn)訪問實例屬性。計算屬性可以提供緩存，當(dāng)屬性沒有變化時，它們不會被重新計算。

const vm = new Vue({
data: {
firstName: 'John',
lastName: 'Doe'
},
computed: {
name() {
return `${this.firstName} ${this.lastName}`;
}
}
});
console.log(vm.name); // John Doe

在這個例子中，計算屬性name使用了this.firstName和this.lastName。如果使用一個普通方法來返回這個值，它就需要在每次調(diào)用時進(jìn)行計算。

最后，可以直接改變響應(yīng)式屬性，this.message = 'New Message'。這會立即更新模板中相應(yīng)的綁定。但是需要注意，如果在計算屬性中使用了this.message，那么只有當(dāng)其被重新計算時才會改變。