所在的位置: js >> js资源 >> Vue使用中的小技巧

Vue使用中的小技巧

北京白癜风治疗一般多少钱 http://pf.39.net/bdfyy/bdfjc/160306/4781528.html

(给前端大全加星标,提拔前端技艺)

做家:SHERlockd93

jujin.im/post/5a02ffac2

在vu的运用流程中会碰到各样场景,当寻常使历时感想没甚么,然而大概优化一下也许更高效更美好的施行开辟。底下有一些我在常日开辟的功夫用到的小技能,不才将未必期革新~

1.多图表rsiz事宜去重心化

1.1寻常环境

偶然候咱们会碰到如此的场景,一个组件中有几个图表,在涉猎器rsiz的功夫咱们盼望图表也施行rsiz,是以咱们会在父容器组件中写:

mountd(){

stTimout(()=window.onrsiz=()={

this.rfs.chart1.chartWrapprDom.rsiz()

this.rfs.chart2.chartWrapprDom.rsiz()

//...

},)

dstroyd(){window.onrsiz=null}

如此子图表组件假如跟父容器组件不在一个页面,子组件的状况就被放到父组件施行治理,为了保护便利,咱们果然盼望子组件的事宜和状况由本身来保护,如此在增加简略组件的功夫就不需求去父组件挨个修正

1.2优化

这边运用了lodash的节省throttl函数,也也许本身完结,这篇文章也有节省的完结也许参考一下。以Echarts为例,在每个图表组件中:




转载请注明:http://www.aierlanlan.com/rzgz/1188.html