vue 按需加载控件

weixin_30765505

于 2019-09-26 14:59:00 发布

阅读量364

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/xunhanliu/p/11591889.html

版权

本文详细介绍了在Vue中如何使用异步组件加载技术，通过import和Vue.component动态加载大量控件，实现页面性能优化。文章重点讲解了如何利用异步加载来处理成千上万个控件的情况，以及在控件使用前的注册流程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

本地：

　　实际上就是异步加载控件。但如果网站的控件非常多，比如提供开放设计的拖拖拽拽的小控件（可能会产生成千上万个控件）。

　　异步加载使用jsonp的形式请求打包的js。也就是说这些异步加载控件会打包成单独的js（主js就比较轻量）。

　　主要在于vue中import和Vue.component的使用。

　　控件使用之前（控件所绑定的数据在改变之前）一定要在Vue.component中注册（未发现在局部vue组件中动态添加component）。

 Vue.component(name, resolve =>
        import(“。。。”)
          .then(res => {   // 等模板中第一次遇到此控件的时候，会执行这个then。至此才开始加载完成这个控件
            console.log(res);
            resolve(res);   //这句话一定要写，否则外部获取不到vue插件
          })
          .catch(res => console.log(res))
      );
    }
   this.$set。。。

转载于:https://www.cnblogs.com/xunhanliu/p/11591889.html