vue 组件传参

父组件

使用

<survey></survey>

引入

import survey from "../../components/urbanInvestment/survey.vue";

注册

 components: { survey,},

父传子 属性

父组件

<survey :region="this.region" ></survey>

子组件

  props: ["region"],
  data() {
    return {
      regionMap: this.region, //修改需要重新定义一下
    }
  }

父引用子组件 事件

父组件

<survey ref="survey" ></survey>

事件里
this.$refs.survey.mapCheck();

子组件

methods:{
 mapCheck(){  },  //子组件里被调用事件
}

子传父 属性

父组件

<survey @getRegin="getRegin" ></survey>

methods:{
getRegin(val){  },  //val 子组件传递的参数
}

子组件

this.$emit("getRegin", this.cityShow); //this.cityShow 传递的属性