vue实现简单loading进度条
刚学习vue不久，今天试着⽤vue做了⼀个简单的loading进度条，对于vue的⽣命周期和钩⼦函数⼜有了新的理解，下⾯分享给⼤家，绝对⼊门级。⼀、进度条原理
这个就很简单了，也是我们经常可以⽤到的，这⾥只做⼀个最简单的，页⾯刷新⾃动加载进度条。主要是让进度条的width不断增加⾄100%就可以啦~好了，进⼊正题。⼆、jquery实现
jq进度条
三、vue实现
vue进度条
对⽐两段代码显然vue要⽅便许多，因为是双向绑定，不⽤来回操作dom，就很简单省⼼啦。
注意问题：刚开始没有实现loading效果，主要是因为⽤了mounted钩⼦函数来调⽤change⽅法（还是对⽣命周期理解的不到位）。实现loading效果我们需要在页⾯加载时⾃动调⽤change⽅法，所以我们应该在数据全部初始化前就执⾏这⼀操作。mounted时期已经全部完成初始化，所以便不会成功。
以上就是本⽂的全部内容，希望对⼤家的学习有所帮助，也希望⼤家多多⽀持。
