vue中的父子组件问题

1.prop传值延迟问题

解决办法：

a.给prop默认值

b.直接在父级给子组件赋值：this.$refs.statisticsInfo.selectedData = this.selected[0];

　　有时调用失败是因为子组件没有渲染完成

　　　　this.$nextTick(() => {this.$refs.showImg.initPage(this.componentForm);})

　　可通过this.$nextTick()方法，加载完成后执行函数解决

2.父级可以通过this.$refs直接调用子组件的属性和方法

例：this.$refs.statisticsInfo.selectedData = this.selected[0];

this.$refs.statisticsInfo.beforess();

3.$emit可以调用父组件的方法

　　 this.$emit('showCityName',data);

　　第一个参数是父组件的方法：

　　第二个参数是父组件方法的参数

　　updateCity(data){//触发子组件城市选择-选择城市的事件

　　 this.toCity = data.cityname;//改变了父组件的值

　　 console.log('toCity:'+this.toCity);

　　 }

4.可在子组件的方法中直接用 this.$parent.父组件方法