摘要: <template> <!-- vue3中模版结构可以没有根标签 --> <div class="father"> <div class="child"> <teleport to='body'> <input type="text" v-model="keyword"> <h3>{{keyword 阅读全文
posted @ 2021-12-21 16:52 初生土豆 阅读(261) 评论(0) 推荐(0) 编辑
摘要: 1.isRef:检查一个值是否为ref对象 2.isReactive:检查一个对象是否为reactive对象 3.isReadonly:检查一个对象是否为readOnly创建的只读代理 4.isProxy:检查一个对象是否由reactive和readonly创建的代理 阅读全文
posted @ 2021-12-21 16:24 初生土豆 阅读(106) 评论(0) 推荐(0) 编辑
摘要: 作用:实现祖孙组件之间的通信 实现:父组件中有一个provide选项来提供数据,后代组件中有一个inject选项来使用这些数据 1.祖组件中 import { provide} from 'vue' export default { name: 'App', setup(){ let testDat 阅读全文
posted @ 2021-12-21 16:21 初生土豆 阅读(49) 评论(0) 推荐(0) 编辑
摘要: 作用:创建一个自定义的 ref,并对其依赖项跟踪和更新触发进行显式控制。 //自定义ref--myRef function myRef(value){ let timer return customRef((track,trigger)=>{ return { //return必写,官方要求必须返回 阅读全文
posted @ 2021-12-21 16:02 初生土豆 阅读(100) 评论(0) 推荐(0) 编辑
摘要: readOnly:让一个响应式数据变成只读的(深只读) shallowReadOnly:让一个响应式数据变成只读的(浅只读) 应用场景:不希望数据被修改时 语法: let person = reactive({ name:'章三', age:18, job:{ j1:{ salary:20 } } 阅读全文
posted @ 2021-12-21 14:38 初生土豆 阅读(226) 评论(0) 推荐(0) 编辑