var obj = {
foo: 'bar',
message: "hello world." + " sss"
}
var app = new Vue({
el: '#app',
data: obj,
created: function () {
// `this` 指向 vm 实例
console.log('foo is: ' + this.foo)
},
methods: {
reverseMessage: function () {
this.message = this.message.split('').reverse().join('')
}
}
})
<div id="app">
<div>{{ message + ' suffix'}}</div>
<span :title="message">
鼠标悬停几秒钟查看此处动态绑定的提示信息!
</span>
<button v-on:click="reverseMessage">反转消息</button>
</div>