vue的父子组件属性绑定传值

一，可以通过对象，设定接收的属性类型和默认值

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

// 默认写法
  props: {
     ruleForm:{
        //传入的打包费用
        type: Object,
        default(){
          return {
            pakage:'3.0'
          }
        }
      }
    param: {
      type: Object,
      default() {
        return {};
      }
    },
    defaultParam: {
      type: Boolean,
      default() {
        return true;
      }
    }
  },

二，可以在接收时默认参数，但是父组件在调用时，若是本组件变量则需要属性绑定，若是字符串内联写，则按普通的属性来

父组件要传的是变量，则属性绑定：

父组件要传的是字符串，则普通属性写法：

三，多层子组件的事件可以不断$emit到最外层来

四，props是单向数据流传递

五，父组件的数据经过异步请求后传递给子组件

但是因为子组件在异步请求前就会渲染，所以传递给子组件用来渲染的将会是旧的数据
解决办法是，子组件的渲染条件加一个v-if，只有父组件异步请求获取到数据之后，子组件再渲染。