vue-组件介绍及详解

一 组件
组件是可复用的 Vue 实例，且带有一个名字,具有一定功能

二 组件分类
以创建方式: 自定义组件 与 系统自带组件

以使用范围:
局部组件: 在vue对象中使用
全局组件: 在任意组件中使用

三 组件使用
component 砍po恩特 部件
template 瘫扑累特 模版

局部组件的使用方式: 创建–挂载–使用

1.局部组件创建 : 局部组件就是一个对象 { }

例:
const mymodel = {
template:<h3>我是局部组件</h3>
}
2.组件的挂载: 在Vue实例中的 components 中挂载
例:
components:{
mymodel ====> mymodel:mymodel
}
3.使用组件: 在HTML中, 以标签的形式加载 单双标签形势都可,推荐双标签

注意:在组件中这个data必须是⼀个函数,返回⼀个对象

全局组件
通过 Vue.component(组件名,{}) 创建全局组件,此时该全局组件可以在 任意模板(template)中使⽤
Vue.component(‘Child’,{
template:`

我是⼀个⼦组件

` })