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方式有点区别。

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

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

原文地址:https://www.cnblogs.com/nx520zj/p/9606137.html