select组件 笔记（vue加薪）

组件（在Vue中很重要）：页面组成的一部分。
它是一个具有独立的逻辑和功能或界面，同时又能根据规

定的接口规则进行相互融合，变成一个完整的应用 。


使用组件的好处：
   提高开发效率
   方便重复使用
   简化调试步骤
   提升项目可维护性
   便于协同开发
   

***vue中组件集UIishi一个自定义标签，Vue.js的编译

器为它添加特殊功能。


组件的基本组成：
    样式结构
    行为逻辑
    数据

全局注册：
    可以再任何模板中使用
   语法：使用Vue.component(组件名，选项对象)
   组件名命名约定：
        驼峰（camelCase） ， 烤串（kebab-case）
   在html中使用组件：
        使用烤串命名法
     eg. 注册：Vue.component('my-component'或

者'myComponent',{})
         使用：<my-component></my-component>
局部注册：
   在组件实例中通过选项对象注册，只在所注册的作用

域中使用{
  components:{
    组件名：选项对象
}
 
}

**组件中data只能是函数
组件中的data都是相互独立的，如果它们公用一个对象，

在更改一个组件数据的时候，会影响其他组件，如果是函

数的话，每个组件都有自己独立的数据，相互之间不会影

响。

受限制的元素：
例如：ul中只能放入li，某些元素中放入自定义元素，最

终会解析错误。
***变通的方式是使用特殊属性is来扩展HTML标签功能

例：<table is="自定义标签"></table>