defineExpose
摘要:
使用 <script setup> 的组件是默认关闭的——即通过模板引用或者 $parent 链获取到的组件的公开实例,不会暴露任何在 <script setup> 中声明的绑定。也就是说,组件ref实例上获取不到属性或者方法。 可以通过 defineExpose 编译器宏来显式指定在 <scrip
特殊元素
摘要:
<component> 一个用于渲染动态组件或元素的“元组件”。 详细信息 要渲染的实际组件由 is prop 决定。 当 is 是字符串,它既可以是 HTML 标签名也可以是组件的注册名(或者是一个h函数?渲染组件,这在自定义组件中很实用,比如二次封装el-table)。 或者,is 也可以直接
内置指令
摘要:
v-on 给元素绑定事件监听器。 缩写:@ 期望的绑定值类型:Function | Inline Statement | Object (不带参数) 参数:event (使用对象语法则为可选项) 修饰符 .stop - 调用 event.stopPropagation()。 .prevent -
生命周期钩子
摘要:
onBeforeMount() 注册一个钩子,在组件被挂载之前被调用。 详细信息 当这个钩子被调用时,组件已经完成了其响应式状态的设置,但还没有创建 DOM 节点。它即将首次执行 DOM 渲染过程。 这个钩子在服务器端渲染期间不会被调用。 onMounted() 注册一个回调函数,在组件挂载完成
常用API
摘要:
readonly() 接受一个对象 (不论是响应式还是普通的) 或是一个 ref,返回一个原值的只读代理。 详细信息 只读代理是深层的:对任何嵌套属性的访问都将是只读的。它的 ref 解包行为与 reactive() 相同,但解包得到的值是只读的。 要避免深层级的转换行为,请使用 shallowR
内置组件-Teleport
摘要:
介绍 <Teleport> 是一个内置组件,它可以将一个组件内部的一部分模板“传送”到该组件的 DOM 结构外层的位置去。 基本用法 有时我们可能会遇到这样的场景:一个组件模板的一部分在逻辑上从属于该组件,但从整个应用视图的角度来看,它在 DOM 中应该被渲染在整个 Vue 应用外部的其他地方。
内置组件-TransitionGroup
摘要:
介绍 <TransitionGroup> 是一个内置组件,用于对 v-for 列表中的元素或组件的插入、移除和顺序改变添加动画效果。 和 <Transition> 的区别 <TransitionGroup> 支持和 <Transition> 基本相同的 props、CSS 过渡 class 和 J