组件传参----以及VueX

组件是Vue.js最强大的功能之，可以拓展HTML元素，封装可充用的代码，可以理解为自定义元素，所有的Vue组件同时也是Vue的实例。

组件的作用

1. 重复的利用
2. 降低项目的难度
   HomeView->PageCom->galleryView
   如果写在一个页面，页面就比较庞大，划分为组件的
   优点：降低的复杂度
   缺点：增加的颗粒度（文件变多）
3. 有利于团队协作与分工

props和emit传参

父传子 props
子传父 事件$emit

使用方法

1.父组件向子组件传参

//父组件
<template>
  <div>
    <!-- 引入子组件 -->
    <Msg :name='data'/>
  </div>
</template>
<script>
  import Msg from "./Msg.vue"
  export default {
   
    data() {
   
      return {
   
        data: [1,2,3,4,5]
      }
    },
  }
<<