点击事件触发count自增

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>