属性未在实例上定义，但在呈现期间引用。 VUE.JS

Question

这是我的Task.vue文件

我的模板：

    <template>
        <table :id="id" class="task_box" :style="{background:toto}">
    </template>

导出

<script>
    export default {
      name: "task",
      props: {
            id: {
                type: Number
            },
            emergency: {
                type: String,
                name: "Urgence"
            },
      },   
      computed: {
              toto() {
          return "white";
            }

    }
    };
</script>

这是我的Tasklist.vue

<template>
      <task v-for="task in tasks" :key="task.id" 
        :emergengy="task.emergency">
        </task>
    </template>

<script>
import Task from "./Task.vue";

export default {
  name: "tasklist",
  data() {
    return {
      tasks: [
        {
          id: 4}]}}};

这是我遇到的错误

[Vue警告]：财产或方法＆＃34; toto＆＃34;未在实例上定义，但在呈现期间引用。通过初始化属性，确保此属性在数据选项或基于类的组件中是被动的。