首页 > 技术文章 > vue3的ref用法

lovewhatIlove 2021-09-28 11:50 原文

使用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('耗子尾汁')
}

 

推荐阅读