什么是组件：组件时维护单一功能，可复用的单个个体

vue3如何定义组件

import {defineComponent} from 'vue'
export default defineComponent({
    name: 'Home',
    props:{},
    components: {},
    setup(props, ctx){
        return {}
    }
})

template  html 内容

script js内容

    scoped  指当前样式只在当前页面可用 

    lang      预处理器

import {defineComponent} from 'vue' 定义组件

实现默认组件

export  detault defineComponent ({

        name   组件名称

        props:{  调用组件页面的数据

        },

        components:{  定义子组件

        },

        setup(props,ctx){ // 调用页面数据 ,  上下文

            return {

             }

        }

})

 ## 定义组件

组件是维护单一功能，可复用的单个个体

组件是维护单一功能，可复用的单个个体

vue3 需要用到的东西 都需要引入进来

定义一个组件

介绍定义组件

组件是维护单一功能,可复用的单个个体