vue组件

1、概念

组件：是一个个可以复用的UI模块（样式+结构+逻辑） 本质上是一个vue实例

组件化：利用封装的思想 把页面上可以复用的部分 封装为一个组件 一个组件对应一个vue实例

2、自定义组件的使用步骤

2.1创建组件

在componets下创建一个实例

2.2注册组件

全局注册 main.js下

import Test from '@/componets/Test'
Vue.component('Chart',Chart)//('组件名'，组件对象)

 局部注册 App.js下

import Home from "@/componets/Home";
export default {
  components: {
    Chart,
  },
};

2.3使用组件

<Test></Test>