vue的props的几种写法

整理一下props的几种写法

// 默认写法
  props: {
    btnClick: {
      type: Function,
      default: function() {}
    },
    titleName: {
      type: String,
      default: "内容"
    },
    display: {
      type: String,
      default: "table" 
    },
    columnNum: {
      type: Number,
      default: 1
    },
    columnslist: {
      type: Array,
      default() {
        return [];
      }
    },
    showPage: {
      type: Boolean,
      default: true
    },
    apiData: {
      type: Object,
      default() {
        return {};
      }
    },
    param: {
      type: Object,
      default() {
        return {};
      }
    },
    defaultParam: {
      type: Boolean,
      default() {
        return true;
      }
    }
  },

注意：
如果默认值的类型为数组或者对象的话，一定要在函数中返回这个默认值，而不是直接写，否则会报错，切记。。。

// 正确：
 datalist:{
     type:Array,
     default:function(){
         return []
     }
 }

// 错误
 datalist:{
     type:Array,
     default:[]
 }
 
// 或者直接跟上面第一个代码一样，不管什么类型，都写在函数返回中。