在 Vue.js 中创建 Websocket 服务器

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

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

继续阅读

了解 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 已经想到了这一点,并允许我们使用属性来做到这一点。[……]

继续阅读

Vue 组件是如何工作的

组件让我们可以将网站的某些部分拆分为可重复使用的部分,然后我们可以将它们放置在多个位置。这可能非常强大——最终意味着减少工作量,因为我们可以广泛地重用代码。

你可以很容易地想象一个看起来有点像下图的 Vue 组件树。在这里,我们有两个页面,Home和About。在每个组件中,我们都有一个可重用[……]

继续阅读

如何在 Vue 中使用模板

在 Vue 中,模板是我们创建可重用组件的主要方式。我们可以使用模板来获取数据,并将其转化为用户可以看到的屏幕上的真实元素。在本文中,我们将介绍模板在 Vue 中的工作方式,以及一些您可能不知道的关于模板的内容。

在 Vue 中创建模板#

每个 Vue.vue文件都必须有一个<te[……]

继续阅读

如何在 Vue 中使用 v-for

通常,当我们创建应用程序时,我们使用的数据决定了我们向用户展示的内容。例如,在一个待办事项应用程序中,我们可能有多个待办事项列表项。v-for在 Vue 中,通过我们的 Vue 模板中的属性可以很容易地显示多个数据点。

如何在 Vue 中使用 v-for#

假设我们有一些数据存储在单个页[……]

继续阅读

全局注册 Vue 组件

当我们使用 vue 时,通常会在另一个组件中注册一个组件。在本教程中,我们将了解如何在 Vue 中全局注册一个组件,这样您就不必再次在组件中引用 is ——相反,您可以直接在<template>标签中使用它。

如果您是 Vue 新手,请在开始之前查看我们关于创建您的第一个 Vue[……]

继续阅读

如何在 Vue 中使用观察者

在任何 Web 应用程序中,输入数据会改变页面是很正常的。例如,用户可以更新他们的用户名,或提交帖子。在 vue中,我们可以使用watchers来观察这些变化。观察者允许我们检查特定的数据元素或道具,并查看它是否以任何方式被更改。

如果您是 Vue 的新手,请先在此处开始阅读我们制作您的第一个[……]

继续阅读

制作一个 Vue 待办事项列表应用程序

在本教程中,我们将使用 Vue 制作一个待办事项列表应用程序。这是我关于创建您的第一个 vue 应用程序的教程的后续内容。如果您需要入门帮助,请遵循该教程。由于最好的学习方式是尝试自己制作一些东西,因此本指南应该为您提供一个了解 Vue 工作原理的良好起点。

最终,我们的待办事项列表应用程序将[……]

继续阅读