27 lines
460 B
Vue
27 lines
460 B
Vue
<template>
|
|
<div class="custom-component">
|
|
<h3>{{ title }}</h3>
|
|
<p>{{ description }}</p>
|
|
<button @click="count++">点击次数: {{ count }}</button>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup>
|
|
import { ref } from 'vue'
|
|
|
|
const props = defineProps({
|
|
title: String,
|
|
description: String
|
|
})
|
|
|
|
const count = ref(0)
|
|
</script>
|
|
|
|
<style scoped>
|
|
.custom-component {
|
|
border: 1px solid #e2e2e2;
|
|
padding: 1rem;
|
|
border-radius: 8px;
|
|
margin: 1rem 0;
|
|
}
|
|
</style> |