今天看API的时候看到vue组件配合webpack的代码分割实现按需加载,我有几点疑惑
1、我看过一些按需加载,比如AMD规范,是通过script标签动态加载js文件来实现按需加载,vue-router的是根据hash值去匹配,这时候,.vue文件是怎么根据路由加载到页面中的呢,我F12看到按需加载的js也是通过script这种方式加载的,但是这样怎么能实现父子组价的,难道是根据模板里面script这个标签引入模板的?求解惑
今天看API的时候看到vue组件配合webpack的代码分割实现按需加载,我有几点疑惑
1、我看过一些按需加载,比如AMD规范,是通过script标签动态加载js文件来实现按需加载,vue-router的是根据hash值去匹配,这时候,.vue文件是怎么根据路由加载到页面中的呢,我F12看到按需加载的js也是通过script这种方式加载的,但是这样怎么能实现父子组价的,难道是根据模板里面script这个标签引入模板的?求解惑
4 回答4.6k 阅读✓ 已解决
4 回答2.1k 阅读✓ 已解决
4 回答2.2k 阅读✓ 已解决
3 回答5.1k 阅读
2 回答2.6k 阅读✓ 已解决
1 回答3.1k 阅读✓ 已解决
5 回答2.3k 阅读
1.首先.vue文件最终经过vue-loader处理之后也是js文件,所以最终也是通过script加载
2.父子组件是由vue框架来维护的,也就是js来维护的抽象的父子组件
3.vue-router确实是通过hash也就是路由去匹配到需要加载哪个组件,然后通过script加载这个组件打包出来的js文件