个人技术分享

【前言】

【目标】

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

一 组件间传参

组件间参数传递
props
emit
事件总线/消息订阅与发布
插槽
VueX

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:'你好呀!'