Vue data, computed, methods の短縮記述
<template>
<div>
<div>{{message}}</div>
<div>{{customMessage}}</div>
<button @click="updateMessage">click me</button>
</div>
</template>
<script>
export default {
name: 'App',
components: {},
data(){
return {
message: 'hahaha',
}
},
computed: {
customMessage(){
return this.message + ' custom'
}
},
methods: {
updateMessage(){
this.message = 'bububu'
},
}
}
</script>
<style>
</style>
ディスカッション
コメント一覧
まだ、コメントがありません