vue3一些常用的方法

//或者使用接口

interface animal{
    name?:string
}

const props = defineProps()

 

  const money = ref(1)//ref定义基础数据

  const objData = reactive({

id:1

})//定义对象类型

countMoney = computed(() => {  // 传递函数
      return money+ 5
    })

//监听，注意数组对象监听时会新旧值相同，如需要旧值需要监听前先深拷贝一下旧值

watch(objData,(val,oval)=>{//第一种
        // console.log('新',val.旧,oval);
      },{
        immediate:true,
        deep:true//开启深度监听,能够侦听到对象属性值的变化
      })

watch(()=>state.id,(val,oval)=>{//第二种
      },{
        immediate:true
      })