vue3中setup

和vue2不同的是vue3中的script中带有setup标签

里面的setup相当于vue2中的data和methds空间可以放置函数，也可以执行函数

在写时需要有return返回值

<script setup>

</script>

setup执行发生在页面之前所以不能使用this函数，一般通过ref绑定组件上的值进行修改

 

使用函数例子

<template>
  <div>
<div>setup函数用法</div>
<button @click="handleClick">点击</button>
<hr>
  </div>
</template>

 

<script setup>
    const handleClick = () => {
      console.log(123)
    }
</script>