【Vue】组件用法

【前言】
…
【目标】

1 了解组件间传参
2 组件间自定义事件绑定与解绑
3 组件的事件总线，消息订阅与发布的用法
4 组件插槽

一 组件间传参

1 props

引入并使用组件：传递参数。 父组件 ===> 子组件

<template>
  <div id="app">
  <HelloWorld :msg="msg" :name="name" :edit="edit"/>
  </div>
</template>

<script>
import HelloWorld from './components/HelloWorld/index.vue'
export default {
   
  name: 'App',
  components: {
   
    HelloWorld
  },
  data(){
   
    return{
   
      msg:'你好呀!'