vue中的computed用法

<template> <div> <input v-model="first"></input> <input v-model="second"></input> <input v-model="action"></input> </div> </template>
<script> // import { set } from 'js-cookie'
export default { data() { return { 'first': 'tom', 'second': 'eat' // 'action': '' } }, computed: { action: { get() { return this.first + '-' + this.second }, set(val) { this.first = val.split('-')[0] this.second = val.split('-')[1] } } } }
</script>