1.频道管理效果实现

1.1编辑图标及样式调整---样式

样式：

1.2弹出层的出现---利用popup 弹出层

调整弹出层的样式：如果想要单独去设置某个组件的样式，不修改整体上的，需要单独起一个类名，然后修改样式

vm&vh介绍：css新出的单位，参考浏览器的百分比

1.3弹出内容的实现---组件化编程--- Grid 宫格

弹出的内容可以放到一个组件中，放到与index.vue同级目录下因为不属于复合组件

2.频道管理-筛选数据

2.1计算属性的到用户未选择的频道

2.2编辑状态的切换

v-show与三元表达式的灵活使用

2.3新增频道的实现---$emit----只有编辑状态才生效（与2.4为同一功能）

此时只需要进行push操作，不需要从下面的数组里面移除，因为使用的是计算属性 在index里面完成数组添加的操作

2.4更新频道-设计对象拷贝Method：  PATCHMethod：  PUT-----重点

2.5删除频道---两种方法-----重点

点击在身上，事件频道的删除----而不是点击在删除的图标上，提升用户体验

方法一：把现在用户数组的数组，再覆盖式给后台，需要把上面的更新数组的过程，封装成一个函数，调用

方法二：

2.6导航栏上关闭

方法同上，此时会有一个bug，当点击返回时，编辑的状态需要手动改动 手动改动时有两种方法，可以借助ref或者直接在子组件中修改isEdit的样式 直接修改：

通过ref属性修改：

2.7点击进入频道---v-model

给子组件绑定v-model

2.8编辑时不能删除推荐频道

推荐模块默认是不可以删除的，下面对该功能进行实现