vue-router执⾏push的源码解析
1. vue项⽬中执⾏vue-router的源码⽂件地址:“node_modules/vue-router/dist/vue-router.esm.js”,dist⽬录下还有其他压缩
⽅式的vue-router源码⽂件,使⽤哪种压缩⽂件是在webpack⾥⾯配置的。
2. 在源码⾥打断点⼀步⼀步调试,我寻push的⼊⼝时通过搜索“pushState”,修改浏览器地址需要使⽤到“pushState”。
vuejs流程图插件3. 整理出源码执⾏的流程图
4. 通过学习源码,学到2种函数的实现⽅法。
【1】,通过回调函数可以设计函数执⾏的顺序
function (data, fn) {
......
fn()
......
}
【2】递归函数更⽅便的写法
function () {
const fn = data => {
......
fn
......
}
fn(...)
}
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论