### 一、Vue3.x 中的组件 组件可以拓展html标签，解决html标签构建应用的不足，Vue项目由一个一个的组件组成。  ### 二、Vue3.x 中定义组件注册组件 **1、定义一个公共的头部组件 components/header.vue** ~~~ <template> <header> 这是一个头部组件 </header> </template> <script> export default { } </script> <style lang="scss"> </style> ~~~ **2、引入自定义组件 、注册组件、使用组件** ~~~ <template> <Header /> </template> <script> import Header from './components/Header'; export default { data() { return { msg: "根组件" }; }, components: { Header } }; </script> ~~~