Fork me on GitHub

Vue.js组件调用用及其组件通信

1.需要import，然后components注册。然后如下代码调用。

<template>
  <header></header>  //注册后才能这样使用
  <body></body>
  <footer></footer>
</template>

2.父子组件传递规则

2.1 父到子组件传递：

子组件使用props声明变量liunx，然后父组件在模板中进行对变量liunx bind并赋值

2.2 子到父组件传递：

子组件使用发消息触发事件的方式告知父组件。this.$emit(),父组件收到监听这个事件，并处理。

 

还有一种类似组件广播事件方式的做法：eventbus

声明一个eventbus变量，并让其对外可以使用

任意组件需要引用此变量时，import方式有点区别。

然后对某些组件发送事件。

其他组件接收到此事件时，处理此事件。

 

 

 

posted @ 2018-09-07 17:33  ink.liu  阅读(382)  评论(0)    收藏  举报