1.vue3合成API :(即为什么要用setup() :为了数据更加关联)
vue3 引入setup()合成API语法,它可以将某数据关联的内容整合到一个部分,即使setup里的内容越来越多也会围绕着大而不乱的形式开发项目。
例子: 点击事件触发count自增
①App.vue
<template>
<div>
<h1 @click="changeCount">计数:{{count}}</h1>
</div>
</template>
<script>
export default {
name: "app",
setup(){
const count=ref(0);// ref的作用
function changeCount() {
count.value++;
}
return{count,changeCount}
}
}
</script>
<style scoped>
</style>