vue属性传值

在一些后台模板中我们经常可以看到以下的传值形式：

props: {
    // route object
    item: {
      type: Object,
      required: true
    },
    isNest: {
      type: Boolean,
      default: false
    },
    basePath: {
      type: String,
      default: ''
    }
  },

一般的props接收传值直接用props:['item'...]，但是这样传值没有对传过来的值进行相应的检测，有可能在传值的时候把错误的值传递到组件中，所以使用props的属性传值会更加精准的把值传递给组件
在对应的属性中，type表示传值对象的类型，required表示该数据形式的数据是否符合其规定，default表示该数据的默认值

props: {
    isNest: {
      type: Boolean,
      default: false //默认为false
    },
    basePath: {
      type: String,
      default: ''  //默认为空
    }
  },

如若传递数组类型的，则需要按以下的来写：

props: {
    date: { 
      type: Array,
      default: () => []
    }
  },

传递一个对象类型的，可以这么写：

props: {
    date: { 
      type: Object,
      default: () => {}
    }
  },