一、知识点:
1.v-bind:href 简写::href ;
2.v-on:click 简写:@click ;
3.引入方法:reverseMessage
二、代码:
<body>
<div id="app">
<p>{{ message }}</p>
<button @click="reverseMessage">反转字符串</button>
</div>
<a :href="www.baidu.com">baidu</a>
<script>
new Vue({
el: '#app',
data: {
message: '我学会了vue!'
},
methods: {
reverseMessage: function () {
this.message = this.message.split('').reverse().join('')
}
}
})
</script>
</body>