2020-4-10-迭代图层名称经验汇总

今天完成的事情

input框不能第二次自动聚焦的问题

样式类名不符合命名规范的问题

今日收获

1. 数据由谁维护更新，就传到它那一层，index
2. 状态谁关心谁维护
3. v-if，这次写的相关的两个v-if逻辑上应该使用v-if和v-else搭配，且需要正向判断
4. 组件里不要随意添加用来维护状态，那就只是个组件，添加的正确位置应该是在谁需要用，就在谁那添加
5. nextTick()函数深入理解

https://cn.vuejs.org/v2/guide/reactivity.html#%E5%BC%82%E6%AD%A5%E6%9B%B4%E6%96%B0%E9%98%9F%E5%88%97

5. Onenter onblur 这个不等于onchange

6. 切换状态做成了一个函数，且有默认值，每当需要切换的时候就调用这个函数对其赋值

   setLabelEdit (status = false) {
     this.showEdit = status
   }
   

   if (type === 'rename') return this.setLabelEdit(true)
   

   this.setLabelEdit(false)
   

代码规范

1. Span 单个附加单行，多个才是多行
2. ref的rename to name input，命名的规范
3. 不要直接重置iview的样式，要给其一个限定的命名空间，class的位置需名要副实
4. 原生标签要和组件库的标签区分开，比如input和iview的Input,可以让Iview的写成v-input