vue父子组件数据传递props与this.$emit

vue组件数据传递：

1.父组件传递给子组件：在父组件引用的子组件标签上增加属性就可以传递，子组件在props: {父子间属性名称：数据类型}中接收

2.子组件监听父组件方法 ，使用this.$emit()触发父组件属性

 

代码示例：

父组件：

主要看子组件标签内容，

:cities='' cities''为传递cities数据给子组件，

@change="handleLetterChange"为子组件监听的属性触发 handleLetterChange（）方法

子组件：

对应父组件标签

this.$emit('change', this.letters[index])为监听父组件change，并传参数