摘要: readonly 接受一个对象(不管是响应式还是普通的)或者是一个ref,返回的是一个原值的只读代理。 <template> <n-el class="h-400 w-full flex flex-col justify-center items-center"> <n-el>{{ data }}< 阅读全文
posted @ 2023-02-07 20:17 杨芋可可 阅读(60) 评论(0) 推荐(0) 编辑
摘要: shallowReactive 使用 reactive 声明的变量为递归监听,使用 shallowReactive 声明的变量为非递归监听(通俗的讲就是 reactive 创建的对象将会被 vue 内部进行递归监听,可以监听到对象中的对象是否发生了改变从而更新视图,而 shallowReactive 阅读全文
posted @ 2023-02-07 20:13 杨芋可可 阅读(91) 评论(0) 推荐(0) 编辑
摘要: 一、什么是插槽 插槽就是子组件中的提供给父组件使用的一个占位符,用<slot></slot> 表示,父组件可以在这个占位符中填充任何模板代码,如 HTML、组件等,填充的内容会替换子组件的<slot></slot>标签,父组件填充的内容称为插槽内容。 子组件不提供插槽时,父组件填充失效 父组件无填充 阅读全文
posted @ 2023-02-07 20:12 杨芋可可 阅读(1013) 评论(0) 推荐(0) 编辑
摘要: isRef 检查某个值是否是ref。是返回true,否则返回false。 const num = ref(10); const num1 = 20; const num2 = reactive({ data: 30 }); console.log(isRef(num)); //true consol 阅读全文
posted @ 2023-02-07 20:11 杨芋可可 阅读(247) 评论(0) 推荐(0) 编辑