从vuex获取表单数据

Question

我正在尝试制作一个由我的vuex模型预先填充的编辑表单。

我的想法是将输入绑定到data，并从计算出的vuex getter中填充data。

然后，当用户填写完表单后，将data提交给vuex和服务器。

问题是加载时，数据为空，因此模板错误输出。

  

data（）中的错误：“TypeError：无法读取属性'title'   未定义“

（简化的）

<template>
  <input type="text" v-model= "title" >
</template>

<script>      
  ...mapGetters('project', {
    projectById: 'byId',
  }),
  data: function(){
    return {
      title: this.project.title
    }
  }

  computed: {
    project() {
      var project = this.projectById(Number.parseInt(this.id))
      return (project === undefined) ? {} : project;
    }
</script>