VUE3（十）组件化开发

VUE3开发模式

组件化开发通常会创建一个.vue的single-file components来管理某个组件，并使用webpack或vite等构建工具进行处理。

一个简单的例子：

<template>
    <div>
        <h2>{{title}}</h2>
        <P>{{desc}}</P>
        <button @click="btnClick">按钮点击</button>
    </div>
</template>

    

<script>
export default {
    data(){
        return {
            title: "我是标题",
            desc: "我是内容哈哈哈"
        }
    },
    methods: {
        btnClick(){
            console.log("按钮发生了点击");
        }
    }
}
</script>

<style scoped>

</style>