先ほどの関数をつかってい同じインスタンス内にあるメッセージプロパティーを呼ぶには「this.」をつける必要がある。
<body>
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.12/dist/vue.js"></script>
<div id="app">
<p>{{sayYes()}}</p>
<!-- <button v-on:click="reverseMessage">メッセージ反転</button> -->
</div>
<script>
new Vue({
el: '#app',
data: { message: "おはよう"},
methods: {
sayYes: function() {
return this.message;
}
}
})
</script>
</body>