# 二.数据输入（开关）
前言 --> 开/关组件特点
开关组件两种状态供给选择
# 1.目录结构
├── switch
│ ├── switch.vue
│ └── index.js
1
2
3
2
3
# 2.组件封装
# 2.1 switch
格式一 <<< components/switch/src/swiicon-texttch.vue
格式二 <<< components/switch/src/swiicon-texttch.vue
# 3.使用案例
刷新
全屏/自适应
刷新
全屏/自适应
刷新
全屏/自适应
总结
通过对前端组件的分析，需要重点关注组件中易变性对组件封装的影响，它会对组件的可复用性、可扩展性产生很大影响