close
 
<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>
arrow
arrow
    文章標籤
    Vue
    全站熱搜

    code學習筆記中心 發表在 痞客邦 留言(0) 人氣()

    E-mail轉寄