自定义组件

自定义组件：某些代码存在通用部分的时候，可以把相关代码抽离出来，避免重复写入，造成冗余（有点类似于类）

1. 自定义组件初体验
2. 自定义组件—Tabs样式优化
3. 自定义组件—标题激活选中
4. 自定义组件—父向子传递数据
5. 自定义组件—子向父传递数据
6. 自定义组件—slot
7. 组件的其他属性
8. 应用生命周期
9. 页面生命周期

自定义组件初体验
（1）新增组件，建立文件夹

（2）声明组件

（3）看成普通标签来用

自定义组件—Tabs样式优化
注释 ：ctrl+k+c
取消注释：ctrl+k+u



最终效果

自定义组件—标题激活选中

js中三种定义变量的方式const， var， let的区别。

1.const定义的变量不可以修改，而且必须初始化
2.var定义的变量可以修改，如果不初始化会输出undefined，不会报错
3.let是块级作用域，函数内部使用let定义后，对函数外部无影响



自定义组件—父向子传递数据

父组件为demo1，要把tabs相应数据传递过去




自定义组件—子向父传递数据

自定义组件—slot



组件的其他属性

应用生命周期

页面生命周期