我之前写的
<!DOCTYPE html>
<div id ="messageHome">
<button v-on:click="showMessage">Home</button>
<p>{{message}}</p>
</div>
</html>
<script src="https://unpkg.com/vue@next"></script>
<script>
const app = Vue.createApp ({
data() {
return {
}
},
methods: {
showMessage(){
message='Home component'
}
}
})
app.mount('#messageHome')
</script>
缺乏this。
return里缺message:’’
<!DOCTYPE html>
<div id ="messageHome">
<button v-on:click="showMessage">Home</button>
<p>{{message}}</p>
</div>
</html>
<script src="https://unpkg.com/vue@next"></script>
<script>
const app = Vue.createApp ({
data() {
return {
message: ''
}
},
methods: {
showMessage(){
this.message='Home component'
}
}
})
app.mount('#messageHome')
</script>