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 做一些事情,或者向用户发送有关它的消息。

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

继续阅读

在 Vue.js 中创建 Websocket 服务器

使用 websocket 服务器是加速应用程序的好方法。API 固有地带有自己的 HTTP 开销,这意味着每次调用 API 时,都必须等待一点 HTTP 响应。

这大部分都很好,但是如果您的应用程序具有大量时间敏感且频繁的服务器请求,则可能会成为问题。一个很好的例子是聊天应用程序,您需要在其中[……]

继续阅读

Websockets 教程:创建实时 Websocket 服务器

我们用 Javascript 做的很多工作都涉及到从服务器来回发送信息。您可能熟悉API的概念,它以特定格式将数据发送到服务器或网站,以获取特定的响应。

这些被称为REST API。虽然有用,但它们并不擅长持续的数据流。如果您尝试使用 REST API 实时执行某些操作,那么您将度过一段糟糕的[……]

继续阅读

了解 Vue 生命周期钩子的指南

与其他框架一样,Vue 有许多生命周期钩子(Lifecycle Hooks),它们允许我们将代码附加到在创建或使用 Vue 应用程序时发生的特定事件 – 例如,当组件加载时,当组件添加到 DOM 时,或者当某些东西被删除时。

Vue 有很多生命周期钩子,令人困惑的是每个钩子的含义或作用。在本指[……]

继续阅读

开始在 Vuex 中存储 Vue 数据

Vuex 是一个状态管理库,可让我们处理并最终存储来自 UI 的数据。在本文中,我们将向您介绍有关 Vuex 的概念、如何使用它以及如何使用它在本地存储数据。

什么是 Vuex?#

您可能熟悉状态的概念,这只是一种花哨的数据表达方式。我们可以将状态存储在data()函数本身的 Vue 中[……]

继续阅读

如何使用 Vue 模板引用访问 HTML 元素

在操作 DOM 方面,Vue 为我们提供了许多强大的功能。它简化了维护状态的工作,创建易于维护且使用有趣的 UI。Vue 做得很好的一件事是消除了对直接 DOM 操作的需要。不过,有时我们仍然需要自己操作或引用 DOM 元素。ref幸运的是,Vue 已经想到了这一点,并允许我们使用属性来做到这一点。[……]

继续阅读