谈谈你对VUE组件的理解?

142 阅读1分钟

首先 用来实现局部某个特定功能的代码集合

作用 是提高代码复用性,提高运行效率

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配置项指定组件在开发者工具中的名称