Vetur
vue
<template>
<div>
<h1>{{ message }}</h1>
<button @click="increment">{{ count }}</button>
</div>
</template>
<script lang="ts">
import { defineComponent, ref } from 'vue';
export default defineComponent({
name: 'HelloWorld',
props: {
message: {
type: String,
required: true
}
},
setup() {
const count = ref(0);
const increment = () => {
count.value++;
};
return {
count,
increment
};
}
});
</script>
<style scoped>
h1 {
color: blue;
}
</style>