组件样式

<div class="title">recommend</div>

<Title class="green"></Title>

<div class="title green">recommend</div>

<div class="title" @click="say88">recommend</div>

<Title @click="sayHi"></Title>

<div class="title">
  <h3 @click="doTitle">{{ props.title }}</h3>
  <span @click="fn">></span>
</div>

<Title :fn="toCoupon" @click="doFa"></Title>

<div class="title">
  <h3 @click.stop="doTitle">{{ props.title }}</h3>
  <span @click="fn">></span>
</div>

<Title :fn="toCoupon" @click="doFa"></Title>

<div class="title">
  <h3 @click="doTitle">{{ props.title }}</h3>
  <span @click="fn">></span>
</div>

<Title :fn="toCoupon" @click.self="doFa"></Title>

<template>
    <div class="copyright">
        <span class="txt">copyright @ 2024-2026</span>
        <slot></slot>
        <span class="txt">glpla.github.io</span>
    </div>
</template>
<style scoped>
</style>

span {
    font-weight: 600;
}

.txt {
    color: #f40;
}

.copyright .txt {
  color: #f40;
}

.copyright {
    background-color: #000;
}

:deep(img) {
    width: 30px;
    height: 30px;
}

:global(.warn) {
    color: red;
}