vue3如何使用

首先我们先创建vue3文件，当然这一步和vue2差不多 可以用vue ui里面选择

创建完项目

使用的方法变得不一样比如

1.定义点击事件

2.定义变量

这些都是需要在setup函数里面return返回

向下面看他这里面没有那些生命周期只setup,

setup里面定义变量和函数 注意使用ref定义的变量里面有个value属性只有改变value属性值才能改变arr的值,reactive是定义数组,对象的toRefs可以理解为浅拷贝还有一些其他的属性vuex需要用到computed

```<template>
  <div id='app'>
    {{arr}}
    <button @click="clicks"></button>
  </div>
</template>

<script>
import {ref,reactive,toRefs} from "vue"

export default {
  name: 'HomeView',
  setup() {
    const arr=ref('老北鼻')
    const clicks=()=>{
        arr.value="小汉堡"
    }
    return {
      arr
    }
  }
}

</script>
</style>