vue3的ref用法

使用ref函数定义一个变量，ref扩号里是变量的初始值

　import { ref } from 'vue'
let conter=ref(0)
let arr=ref(['我是字符串'])

template里的用法

<button @click="conter++">{{conter}}</button>
  <div v-for="item in arr">
　　<p>{{item}}</p>
  </div>

js里的用法

function add(){
    conter.value++
    console.log(conter)
    arr.value.push('耗子尾汁')
}

获取虚拟dom (注意：1、变量名称要和html的一致。2、注意生命周期，要实例创建完成才有虚拟dom)

//html
<div ref="box"></div>

//script
<script setup>
import { ref , onMounted} from "vue";
let box=ref(null)
onMounted(()=>{
　　console.log(box)
))
</script>