vue 简单实验 v-on html事件绑定

1.代码

<script src="https://unpkg.com/vue@next" rel="external nofollow" ></script>
<div id="event-handling"><p>{{ message }}</p><button v-on:click="reverseMessage">反转 Message</button>
</div>
<script>
const EventHandling = {data() {return {message: 'Hello Vue.js!'}},methods: {reverseMessage() {this.message = this.message.split('').reverse().join('')}}
}
Vue.createApp(EventHandling).mount('#event-handling')
</script>

2.运行结果