如何使用v-model绑定computed的属性

一、需求：

       在vue开发的时候，有时候需要v-model绑定computed计算属性。而computed默认是只显示不更改属性的。如何解决？见下文

二、实现

       思路：在computed相对应的属性中设置get和set来对应v-model的双向绑定

       代码如下：

<template>
	<Modal v-model='mydata'></Modal>
</template>
...
computed: {
    mydata: {
      get () {
        return this.$store.state.mydata
      },
      set (val) {
        this.$store.commit('update', val)
      }
    },
}