vue 父子组件 ref

父组件

//  cfgPrice是传递个子组件的参数  ref属性命名
<Cyclic :cfgPrice="cfgPrice" ref="cyclic"></Cyclic>

 //  引入子组件
import Cyclic from '@/cyclic.vue';

//  调用子组件函数并传递参数，触发子组件函数，起到同步
this.$refs.cyclic.init(this.addr);

//  用在父组件上引用子组件值，返回子组件上的data数据
this.$refs.cyclic.addr;

子组件

export default {
  name: 'cyclic',
  data() {
    return {
      addr: '',
    };
  },
  props: {
   // 父组件传递过来的参数
    cfgPrice: {
      type: Number,
      required: true,
    },
  },
  methods: {
    init(addr) {
       console.log('被父组件触发' + addr);
    },
  },
};