做网站堵怕犯法吗,小程序代理商有哪些,云卡会员卡管理系统,网站视频怎么做的好处标签的 ref 属性 作用#xff1a;用于注册模版引用 用在普通DOM标签上#xff0c;获取的是DOM节点 用在组件标签上#xff0c;获取的是组件实例对象 普通DOM标签
templatediv classpersonh1中国/h1h2 ref2用于注册模版引用 用在普通DOM标签上获取的是DOM节点 用在组件标签上获取的是组件实例对象 普通DOM标签
templatediv classpersonh1中国/h1h2 ref2湖北/h2h3武汉/h3button clickshowLog点我获取h2标签内容/button/div
/templatescript langts setup nametext2import { ref } from vue// 创建一个title2,用于存储 ref 标记的内容let title2 ref()function showLog() {console.log(h2标签, title2.value);}/script 获取的是DOM节点这里打印的是 h2湖北/h2 组件标签
templatetext1 refcs /button clickshowLog点击获取ref/button
/templatescript langts setup nametext2import text1 from ./text1.vueimport { ref } from vue// 创建一个abc,用于存储 ref 标记的内容let abc ref()function showLog() {console.log(ref, abc.value);}/script//-------以下为 text1的内容
script langts setup nametext2import { ref, defineExpose } from vue// 数据let a ref(0)let b ref(1)let c ref(2)defineExpose({a, b}
/script获取的是组件实例对象打印的值取决于 组件内 defineExpose 导出的值