<div id="app">
<input type="text" class="form-control" value="456" v-model="text">
<button class="btn btn-primary mt-1" v-on:click="reverseText">反轉字串</button>
<div class="mt-3">
{{ newText }}
</div>
</div>
//v-model ="text" 對應到value 取data裡的text的值
//只能用在這三個屬性 input select textarea
//v-on:click 對應到methods的reserseText的函數
<script>
var app = new Vue({
el: '#app',
data: {
text: '123',
newText: ''
},
// 請在此撰寫 JavaScript
methods:{
reverseText:function(){
this.newText = this.text.split('').reverse().join('')
}
}
});
</script>
請先 登入 以發表留言。