构建 Vue 鼓励我们通过将 UI 和相关行为封装到组件中来构建 UI。我们可以将它们嵌套在另一个内部， 以构建一个组成应用程序 UI 的树。 然而，有时组件模板的一部分逻辑上属于该组件，而从技术角度来看，最好将模板的这一部分移动到 DOM 中 Vue app 之外的其他位置。 一个常见的场景是创建一个包含全屏模式的组件。在大多数情况下，你希望模态的逻辑存在于组件中， 但是模态的定位很快就很难通过 getUserRepositories // 返回的函数与方法的行为相同 14. } 15. } 这是我们的出发点，但它还不能工作，因为我们的 repositories 变量不是被动的。这意味着从用 户的角度来看，仓库列表将保持为空。我们来解决这个问题！ 在 Vue 3.0 中，我们可以通过一个新的 ref 函数使任何响应式变量在任何地方起作用，如下所 示： 1. import { ref } 象例子， 认知能力消耗得更快。 当我们帮助他们持续感到聪明、强大和好奇时，他们的认知能力会慢慢消耗殆尽。把事情分 解成可消化的部分并注意文档的流动可以帮助它们保持这种状态。 总是试着从用户的角度看问题。当我们彻底理解某件事情时，它就变得显而易见了。这就是所谓 的知识诅咒。为了编写好的文档，记住在学习这个概念时首先需要知道什么。你需要学什么行 话？你误解了什么？什么花了很长时间才真正掌握