我从零开始学习VueJS.我遵循他们的官方指南.但我被困在这里:https://vuejs.org/v2/guide/#Handling-User-Input
在这个例子中...
var app5 = new Vue({
el: '#app-5',
data: {
message: 'Hello Vue.js!'
},
methods: {
reverseMessage: function () {
this.message = this.message.split('').reverse().join('')
}
}
})
..如何在不引用data
对象的情况下直接访问message
属性?如果this
关键字指的是当前的Vue实例,那么message
属性不应该这样访问吗:this.data.message
?
考虑下面的例子:
({
name: "John Doe",
data: {
message: "Hello World"
},
greet: function(){
console.log("I am " + this.name);
console.log("I have a message for you: " + this.data.message); //see here
}
}).greet();
这就是我在vanilla javascript中访问属性的方式.有人能让我明白幕后发生了什么吗?