检查数据/道具是否传递？

Question

我得到了我传递一些数据的组件。我想检查是否传递“标题”，并有条件地设置其值。正如现在起作用的那样，我传递的价值刚刚覆盖。我该怎么做？

<Meta title="test" />

成分

<template>
  <vue-headful
    :title="this.title"
  />
 </template>
 <script>
import vueHeadful from "vue-headful";

export default {
  name: "Meta",
  components: { vueHeadful },
  data() {
    return {
      title: "default val"
    };
  }
};

Answer 1

在您的元组件中，您不是定义道具，而是一个数据中的变量。您应该从数据中删除标题并添加一个prop：

props: 
   {title: {
      type: String,
      default: 'default val'
    }},

请参阅Props

您也不需要。在模板中标题之前。
＆lt; vue-headful：title =“ title” /＆gt; < /code>就足够了。