<template> | |
<h1>{{msg}}</h1> | |
<el-input-number v-model="count"></el-input-number> | |
<p>Input Number: {{count}}</p> | |
</template> | |
<script lang="ts" setup> | |
import { ref, defineProps } from 'vue'; | |
defineProps({ | |
msg: { | |
type: String, | |
required: true | |
} | |
}); | |
const count = ref(10); | |
</script> | |
<style scoped lang="scss"> | |
a { | |
color: #42b983; | |
} | |
label { | |
margin: 0 0.5em; | |
font-weight: bold; | |
} | |
code { | |
background-color: #eee; | |
padding: 2px 4px; | |
border-radius: 4px; | |
color: #304455; | |
} | |
</style> |