vue 如何加载组件

一，如何加载组件

        第一步  引用组件

        

 import MyComponent from './components/MyComponent.vue';

        第二部注入组件

        

 export default{
        //注入组件
        components:{
        MyComponent
      }
    }

        三 显示组件

        

<template>
    <!-- 显示组件 -->
    <MyComponent />
</template>

   二，案例

        app.vue

 <template>
    <!-- 显示组件 -->
    <MyComponent />
</template>

<script >
// 第一步  引用组件
    import MyComponent from './components/MyComponent.vue';
    export default{
        //注入组件
        components:{
        MyComponent
      }
    }
</script>

<style>

</style> 

        MyComponent.vue

        

<template>
    <div>{{ content }}</div>
</template>

<script>
    export default {
        setup(){
            let content = "组件开发"
            return{
                content
            }
        }
    }
    
</script>