Vue 模板语法

Vue 使用基于 HTML 的模板语法,允许您以声明方式将渲染的 DOM 绑定到底层组件实例的数据。所有 Vue 模板都是语法上有效的 HTML,可以被符合规范的浏览器和 HTML 解析器解析。

在后台,Vue 将模板编译成高度优化的 JavaScript 代码。结合响应式系统,Vue 能够智[……]

继续阅读

如何在 Vue 中使用 Teleport 移动部分模板

通常,当我们在 Vue 中创建组件时,它们自然会出现在我们期望的 DOM 结构中。但是,有时这没有意义。一个很好的例子就是模态框——通常,模态框应该出现在页面上所有内容的顶部——所以如果我们在逻辑上有意义的组件中创建它,它可能会出现在某些 HTML 元素后面或需要一些奇怪的 CSS 样式让它达到顶峰[……]

继续阅读

如何在 Vue 中设置默认inject/provide注入/提供值

Vue 使用提供和注入作为一种方法来将数据向下发送多个级别,而不必使用属性- 但是您知道您可以为任何注入的数据设置默认值,不应该首先注入吗?让我们看看它是如何工作的。

在 Vue 中使用inject/provide提供和注入设置默认值#

如果你不确定提供和注入是如何工作的,你可以在这里阅[……]

继续阅读

在 Vue 中提供和注入是如何工作的

在 Vue 中很容易为子元素提供/给予道具或属性。Vue中的属性是我们可以将数据从父元素或 vue 模板传递到子元素的主要方式之一。例如,在下面的代码中,我们为子元素赋予PopularList属性name,并将其设置为Most Popular Posts。这意味着PopularList现在可以访问数[……]

继续阅读

在 Vue 中创建可重用的选项卡组件

网页或个人设备上最常用的 UX 元素之一是标签。在本指南中,让我们看看如何使用 Vue Composition API 制作可重用的选项卡组件。这组选项卡可以在您喜欢的任何项目中轻松导入、使用和设置样式,这意味着当您想要实现自己的一组选项卡时,您无需三思而后行。

您可以通过此链接在 GitHu[……]

继续阅读

Vue 事件指南

与任何框架一样,Vue 允许我们通过事件为我们的应用程序和网站添加响应性。Vue 事件的伟大之处在于它们模仿了原生 Javascript,因此您习惯在 Javascript 中使用的所有事件也可以在 Vue 中使用。

Vue 基础知识

如果您是 Vue 的新手,我建议您阅读我的指南,了解[……]

继续阅读

如何在 Vue 中为 Props 赋予默认值

当我们在Vue中使用组件时,我们经常使用属性或道具将自定义的数据块向下传递给子组件。例如,我们可以告诉我们的子组件,对于这个版本的组件,“name”被设置为“my-component”:

如果我们尝试在没有nameprops 的情况下调用这个组件,它会undefined在代码中返回,或者在[……]

继续阅读

关于如何在 Vue 中使用 Emit 的指南

在 Vue 中,数据通常以单向方式从父组件传递到其子组件。这是通过 props 传递的,props是我们赋予组件的属性或属性。

例如,如果我们调用一个组件PageOne,它有一个名为的属性name,该name属性将在PageOne组件本身中变得可用,让我们可以用它做我们想做的事情。这样,当我们[……]

继续阅读

Vue中Composition API和Options API的区别

在 Vue 2 之前,有一种方法可以在 Vue 中创建组件。在 Vue 3 中,引入了一种称为Composition API的新方法。现在,如果我们想在 Vue 中制作一个组件,我们有两种方法可以做到。您可能想知道到底有什么区别,所以让我们看看新的 Composition API 与 Vue 2 方[……]

继续阅读

如何观察 Vue 中的嵌套变化

Vue 是一种反应式语言,这意味着当数据发生变化时,我们可以自动在 HTML 中表示它自己。为了帮助我们解决这个问题,我们可以在 vue 中使用观察者来观察数据的变化,然后对 HTML 做一些事情,或者向用户发送有关它的消息。

这适用于简单的数据集,但如果我们开始拥有比一层更深的数据,则很难正[……]

继续阅读