g841805的博客

如果参数是ref，则返回內部值，否则返回参数本身基于响应式对象上的一个属性，创建一个对应的ref，这样创建的ref与其源属性保持同步，改变源属性的值将更新ref的值，反之亦然将一个响应式对象转换为一个普通对象，这个普通对象的每个属性都是指向源对象相应属性的ref，每个单独的ref都是用toRef()创建的。

例如在 v-my-directive.foo.bar 中，修饰符对象是 { foo: true, bar: true }。prevNode：代表之前的渲染中指令所绑定元素的 VNode。oldValue：之前的值，仅在 beforeUpdate 和 updated 中可用。arg：传递给指令的参数 (如果有的话)。例如在 v-my-directive:foo 中，参数是 "foo"。value：传递给指令的值。例如在 v-my-directive="1 + 1" 中，值是 2。dir：指令的定义对象。

概念 在大型项目中，我们可能需要拆分应用为更小的块，并仅在需要时再从服务器加载相关组件。Vue 提供了 defineAsyncComponent 方法来实现此功能： 使用 父组件 <template> <div> <asyncSon></asyncSon> </div></template><script setup lang="ts">import { ref, defi

子组件

这个钩子会在组件的任意 DOM 更新后被调用，这些更新可能是由不同的状态变更导致的，因为多个状态变更可以在同一个渲染周期中批量执行 (考虑到性能因素)。如果你需要在某个特定的状态更改后访问更新后的 DOM，请使用 nextTick() 作为替代。这个钩子通常用于执行需要访问组件所渲染的 DOM 树相关的副作用，或是在服务端渲染应用中用于确保 DOM 相关代码仅在客户端执行。其所有同步子组件都已经被挂载 (不包含异步组件或 <Suspense> 树内的组件)。其所有子组件都已经被卸载。