vue3异步组件的使用

 
  

有需要的时候再加载某组件,避免所有组件共同加载要等待的时间太长,用户体验差.使用异步组件可以优化性能。

defineAsyncComponent方法用来定义异步组件,它接收一个工厂函数是它的基本用法,这个工厂函数必须返回一个Promise,Promise的resolve应该返回一个组件。

对于异步组件的显示,可以搭配  组件来使用,但是该组件还处于试用阶段没有特别稳定,官方不推荐上线项目使用






最终效果:

vue3异步组件的使用_第1张图片

你可能感兴趣的:(Vue3,前端,javascript,开发语言)