<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Vue Mastery</title>
<!-- Import Styles -->
<link rel="stylesheet" href="./assets/styles.css" />
<!-- Import Vue.js -->
<script src="https://unpkg.com/[email protected]/dist/vue.global.js"></script>
</head>
<body>
<div id="event-handling">
<p>{
{
message }}</p>
<button v-on:click="reverseMessage">反转 Message</button>
</div>
<!-- Import Js -->
<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>
</body>
</html>
这个可以哎，那就是刚才那个文本插值的代码写得有不对的地方
猜你喜欢
转载自blog.csdn.net/weixin_40945354/article/details/114748606
今日推荐
周排行