Vuejs2 使用可选参数/可选道具创建组件

Vuejs2 使用可选参数/可选道具创建组件,vuejs2,vue-component,Vuejs2,Vue Component,我正在尝试创建我自己的第一个组件,并希望有一个简单的解决方案如何创建可选参数,所以我指的是可以使用但不需要使用的参数 我可以决定使用哪一种 <my component :name="name" :description="description"> 或者仅仅 <my component :name="name"> 因此,在我看来,我只想定期导入组件“我的组件”。 我的组件应该是什么样子 我试过这样的方

我正在尝试创建我自己的第一个组件,并希望有一个简单的解决方案如何创建可选参数,所以我指的是可以使用但不需要使用的参数

我可以决定使用哪一种

<my component :name="name" :description="description">

或者仅仅

<my component :name="name">

因此,在我看来,我只想定期导入组件“我的组件”。 我的组件应该是什么样子

我试过这样的方法:

    <template>
     <input
        :id="name"
        :name="name"
        type="text"
        :description="description"
      />
    </template>
    <script>
    export default {
       name: "adsInputText",
       props: {
         name: String,
         description: null
       },
    </script>

导出默认值{
名称:“adsInputText”,
道具:{
名称:String,
描述:空
},
这只是我的问题的一个简化抽象。我已经尝试了几个变体,但就是不能正确地理解它

你知道一个简单的方法吗

非常感谢
Matthias

如果您希望添加可选道具,则应指明类型,并可能希望为其添加默认值:

 props: {
         name: String,
         description: {
           type: String,
           default: null
         }
       },
这样,如果您在使用组件时未指示
description
prop,您将从
this.description
获得
null
,而不是
未定义的