组件最大的优势就是可复用性,当使用构建步骤时,我们一般会将 Vue 组件定义在一个单独的 e文件中,这被叫做单文件组件(简称 SFC)。
组件基本结构
<template>
</template>
<script>
export default{
}
</script>
<style scoped>
</style>
组件的引用
在根vue文件中引用文件
<template>
<Yingyong /><!--显示组件-->
</template>
<script>
import Yingyong from "./components/Yingyong.vue";//引入组件
export default{
components:{//注入组件
Yingyong
}
}
</script>
<style>
</style>