首先 用来实现局部某个特定功能的代码集合
作用 是提高代码复用性,提高运行效率
vue中私用组件的3大步骤
1定义组件
2注册组件
3使用组件
1 定义组件时的 vue.extend(options) 其中的options 和 New vue (options) 时传入的那个 options 几乎一样 但也有一点区别
第一点区别 el 不要写 为什么? 最终所有的组件都要经过一个 vm的管理 由vm中的el决定服务哪个容器
第二点区别 data 必须携程函数 为什么 ? 避免组件被复用时,数据存在引用关系
备注 : 使用template 可以配置组件结构 const school = Vue.extend(options) 可简写为 const school = options
2 注册组件
分为 全局注册和局部注册
全剧注册 vue.component('组件名',组件名)
局部注册 new vue 的时候传入 components
3 使用组件
组件名分为两种
1 一个单词组成 : 首字母大写 首字母小写 2 多个单词组成 kebab-case 命名 my-school CamelCase 命名 MyShool
注意:(1) 组件名称不要用html中的标签名称 (2)可以使用name配置项指定组件在开发者工具中的名称