摘要: 父组件 <script> import { computed, provide, watch } from 'vue' import {ref,reactive,toRefs} from 'vue' import Children from './components/children.vue'; 阅读全文
posted @ 2022-10-05 23:20 学无边涯 阅读(32) 评论(0) 推荐(0) 编辑
摘要: ref + 普通dom标签 获取真实dom对象 ref + 组件标签 获取组件实例对象 <template> <h1 ref="h1Ref">www.96net.com.cn</h1> <ref-comoonent ref="comRef"></ref-comoonent> </template> 阅读全文
posted @ 2022-10-05 20:26 学无边涯 阅读(45) 评论(0) 推荐(0) 编辑
摘要: 父组件 <script> import { computed, provide, watch } from 'vue' import {ref,reactive,toRefs} from 'vue' import father from './components/father.vue' expor 阅读全文
posted @ 2022-10-05 20:08 学无边涯 阅读(133) 评论(0) 推荐(0) 编辑
摘要: <script> import { computed, watch } from 'vue'; import {ref,reactive,toRefs} from 'vue' export default{ setup(){ let data=reactive({ mes:6, userObj:{ 阅读全文
posted @ 2022-10-05 17:55 学无边涯 阅读(148) 评论(0) 推荐(0) 编辑
摘要: <script> import { computed } from '@vue/reactivity'; import {ref,reactive,toRefs} from 'vue' export default{ setup(){ let data=reactive({ mes:6, userO 阅读全文
posted @ 2022-10-05 17:45 学无边涯 阅读(116) 评论(0) 推荐(0) 编辑
摘要: <script> import {ref,reactive,toRefs} from 'vue' export default{ setup(){ let data=reactive({ mes:0, userObj:{ userName:'www.96net.com.cn' }, }); cons 阅读全文
posted @ 2022-10-05 17:29 学无边涯 阅读(128) 评论(0) 推荐(0) 编辑
摘要: <script> import {reactive} from 'vue' export default{ setup(){ let data=reactive({ mes:0 }); const add=()=>{ //console.log('//1555'); data.mes++; cons 阅读全文
posted @ 2022-10-05 17:21 学无边涯 阅读(15) 评论(0) 推荐(0) 编辑
摘要: <script> import {ref} from 'vue' export default{ setup(){ let mes=ref(1); const add=()=>{ //console.log('//1555'); mes.value++; //console.log(mes) } r 阅读全文
posted @ 2022-10-05 17:15 学无边涯 阅读(15) 评论(0) 推荐(0) 编辑