element-ui小笔记

笔记

1.在每次弹窗<el-dialog>的时候，想要一开始初始化数据表格为空的话，最好是在标签里面加v-if=“”；
2.v-bind在接口请求之前，显示加载中，知道请求到数据后消失，在data初始化，在mounted中设置成true，再去请求接口，在接口的回调函数中为false，达到效果（意思就是在res.code==0的时候，为false）;
3.v-if和v-for，v-for的优先度比v-if更高，这意味这每次v-for循环的都会执行一次v-if，可以把v-if放到父节点上；
4.现在写代码一定要想好再写，就比如今天同事写的代码，就让我深有感受。一个页面的开始编写：
首先，路由注册，这里要考虑页面时候要缓存，要的话，一般要加上keepalive，这里关联的就是actived（单词忘记了），在页面html没有渲染前先请求数据存起来；
其次，就是页面的布局，这里css和html就不说了，直接将细则，这页面一开始加载是否要懒加载，如果没有提示，网速又慢的话，用户体验很差，这时候可以用vue官方提供的组件v-loading；
再则就是一些v-model，v-for，v-if，v-show等一些指令的运用；
到js这块，我们是否考虑原生的js还是用提供好的组件完成，答案是用别人提供好的组件，提高效率，但是不要只做代码搬运工；
在js这块我们灵活运用vue的生命周期，什么东西需要一开始就获取到的，就在created或者activeted中获取，什么需要监听数据变化的，就在computed和watch中使用，再或者想在html渲染好可以操作DOM节点的就在mounted中操作；
想销毁的就用销毁的生命周期；最后灵活用好js的语法，遍历什么，for呀，map呀，foreach呀等等....。