vue：注册并使用单文件组件

一： 使用组件

1. 先写好子组件页面
2. 父组件中引入，注册并使用

import MHeader from '@/components/MHeader.vue'

  components: {
    'MHeader': MHeader
  },

    <MHeader />

二： 组件传参

1. 子组件内接受

  props: {
    tab: {
      type: Object,
      default () {
        return { login: false, title1: '', title2: '' }
      }
    },
    title: {
      type: String
    },
    hideExam: {
      type: Boolean,
      default: true
    }
    // Tag: {
    //   // 必填项
    //   type: Array,
    //   required: true
    // }
  },

2. 父组件内使用

    <MHeader :tab="{login:true, title1: '密码登录', title2: '手机注册'}" />

获取数据或方法的方式	描述
this.$parent.childWords	子组件页面获取父组件的数据，或者直接调用方法