vue 按需加载控件

本地:

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

  异步加载使用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。。。

  

猜你喜欢

转载自www.cnblogs.com/xunhanliu/p/11591889.html