作文网站投稿_软件开发外包费用评估_青岛关键词排名系统_新闻10条摘抄大全

响应式属性解构

import { watchEffect } from 'vue'const { count } = defineProps(['count'])watchEffect(() => {// 每次父组件中的 count 属性变化时都会触发这个日志console.log(count)
})

useTemplateRef 获取 dom

// MyComposable  封装的方法 获取dom
export const useMyComposable = (options = {templateRef: 'el'})=>{// 由于函数名称的缘故，这显然是一个模板引用 👇 return useTemplateRef(options.templateRef);
}<script setup>
const domRef1 = useMyComposable()//回去获取默认的ref
const domRef2 = useMyComposable({ templateRef: 'el2' })console.log(domRef2.value)
</script>
<template><div ref="el"></div><div ref="el2"></div>
</template>