<div id="app">
<input type="text" class="form-control" v-on:keyup.enter="reverseText" v-model="text">
<a v-bind:href="link" class="btn btn-primary mt-1" v-on:click="reverseText">反轉字串</a>
<div class="mt-3">
{{ newText }}
</div>
</div>
<script>
//v-on:click = @click
//v-bind:href =:href
var app = new Vue({
el: '#app',
data: {
text: '',
newText: '',
link:'http://www.google.com.tw'
},
// 請在此撰寫 JavaScript
methods: {
reverseText(event) {
this.newText = this.text.split('').reverse().join('');
}
}
});
</script>
請先 登入 以發表留言。