Vue中父子组件之间的访问及通信和双向绑定

 组件中的访问:

  1. 父组件访问子组件内部的data/methods :可通过 $children 或 $refs 
  2. 子组件访问父组件内部的data/methods: 通过 $parent
  3. 访问根组件(vue实例)内部的data/methods : 通过 $root

父组件向子组件传递数据 通过props

子组件默认无法访问到父组件中的data上的数据和methods中的方法,需要通过v-bind绑定和props传递

props:可以是一个数组,也可以是一个对象,当是对象时,可做一些限制

Vue中父子组件之间的访问及通信和双向绑定_第1张图片

type 类型检查  可以是下列原生构造函数中的一个:

  1. String
  2. Number
  3. Boolean
  4. Array
  5. Object
  6. Date
  7. Function
  8. Symbol

子组件向父组件传递数据

子组件通过事件调用向父组件传递数据

/*通过this.$emit('绑定事件的名称',data参数。。。)调用事件绑定的func方法*/

数据双向绑定

    

 

你可能感兴趣的:(Vue)