useCSSModule
を利用
<template>
<div :class="style.title" @click="clickHandler()">{{ title }}</div>
</template>
<script lang="ts">
import { defineComponent, useCSSModule } from '@vue/composition-api';
export default defineComponent({
props: {
title: {
type: String,
required: true,
},
},
setup: (_, { emit }) => {
const clickHandler = () => {
emit('clicked');
};
return { clickHandler, style: useCSSModule() };
},
});
</script>
<style module lang="scss">
.title {
color: #ffffff;
}
</style>
参考