vue中父组件与子组件

vue中的父子组件对应于父子关系

  • 父组件给子组件传值,通过props向下传递数据给子组件,子组件中在props中定义相关参数,父组件中在data中向子组件传值,并在使用子组件的地方绑定需要传值的属性
  • 子组件向父组件传值,子组件中定义相关绑定事件,methods中声明该事件this.$emit(绑定在父组件v-on:上的事件名, 传的值 ),父组件中v-on:事件名=methods中的具体事件

vm.$el vue实例使用的根dom元素

v-bind  动态绑定一个或多个特性,或一个组件到表达式



v-on 绑定事件监听器,事件类型由参数指定


参考: https://juejin.im/post/5cde0b43f265da03867e78d3

你可能感兴趣的:(vue中父组件与子组件)