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.运行结果文章来源:https://www.toymoban.com/news/detail-676420.html
文章来源地址https://www.toymoban.com/news/detail-676420.html
到了这里,关于vue 简单实验 v-on html事件绑定的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!