一、引入vue
<script src="https://cdn.jsdelivr.net/npm/vue@2.7.14/dist/vue.js"></script>
二、准备dom
<div id="app">
<p>{{name}}</p>
<button v-text='btn' @click="btn1"></button>
</div>
三、创建vue
<script>
new Vue({
el:'#app',
data:{
name:'hello,world',
btn:'逆转世界'
},
methods:{
btn1:function(){
this.name=this.name.toUpperCase().split('').reverse().join('')
}
}
})
</script>
效果: