Vue中组件引用

前提：导入和被导入的组件已经存在。

一共三步：导入，注册，显示。

图示：

具体代码：

<template>
  <div class="home">
    <HelloWorld />                                      //第三步：显示组件
  </div>
</template>

<script>

import HelloWorld from "@/components/HelloWorld.vue";   //第一步：导入组件

export default {
  components: {
    HelloWorld                                          //第二步：注册组件
  }
};
</script>

 

注意事项：显示组件标签要写在所导入页面的根标签<div></div>中。