vue 异步组件 远程组件

1.异步组件

new Vue({
  // ...
  components: {
    'my-component': () => import('./my-async-component')
  }
})


2.远程组件

​new Vue({
  // ...
  components: {
    'my-component': () => import('https:...xxxx.vue')
  }
})


​

3.动态执行远程组件

async mounted() {
 if (!this.url) return;
 if (!window.Cache) 
      window.Cache = {};
 
 if (!window.Cache[this.url]) 
      window.Cache[this.url] = Axios.get(this.url);   
 let res = await window.Cache[this.url];
 
 this.mode = new Function(`return ${res.data}`)();
 console.log(this.mode);
}

 

 

发布了50 篇原创文章 · 获赞 0 · 访问量 9258
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 大白 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览