异步组件

  <script>

       // 异步组件： 异步执行某些组件的逻辑

     

        var app = Vue.createApp({  

            template:`

                <div>

                    <common-item />

                    <async-common-item />

                </div>  

            `,

        })

         

        app.component('common-item',{    

            template:` <div>hello world</div>  `

        })

        app.component('async-common-item',Vue.defineAsyncComponent(()=>{

           return new Promise((resolve,reject)=>{

            setTimeout(()=>{

                resolve({

                    template:'<div>this is an async component</div>'

                })

            },4000)

           })

       }))

       const vm =  app.mount('#root')

    </script>