Vue 的组件可以按两种不同的风格书写:选项式API 和组合式API
选项式 API
<script>
export default {
data() {
return {
count: 0
}
}
},
methods: {
increment() {
this.count++
}
},
mounted() {
console.log("this is console lot")
}
</script>
组合式API
<script setup>
import {ref,onMounted} from 'vue'
const count = ref(0)
function increment(){
count.value++
}
onMounted(()=>{
conloe.log("this is console log")
})
</script>
推荐使用组合式API