Vue之使用组件

创建一个组件Header.vue

<template>
    <div class="header">
        这是header
    </div>
</template>

在App.vue中引用Header.vue

<template>
  <div id="root">
    <!-- 3.引用组件 -->
    <v-header></v-header>
  </div>
</template>

<script>
// 1.引入组件
import Header from "./components/Header.vue"
export default {
  //2.注册组件
  components:{
    'v-header': Header
  },
}
</script>