Vue复用组件（代码实例）

// 待复用的组件
<template>
  <h1>组件A</h1>
</template>

<script>
export default {
  name: 'navigator',
  data () {
    return {
    }
  }
}

以下页面可以直接使用上述定义的组件

<template>
  <p>
    <navigator></navigator>  <!-- 可以直接使用自定义组件 -->
  </p>
</template>

<script>
import navigator from './navigator.vue'  // 引入
export default {
  name: 'home',
  data () {
    return {
    }
  },
  components: {  // 指向
    navigator
  }
}
</script>