在 Vue 2 之前，有一种方法可以在 Vue 中创建组件。在 Vue 3 中，引入了一种称为Composition API的新方法。现在，如果我们想在 Vue 中制作一个组件，我们有两种方法可以做到。您可能想知道到底有什么区别，所以让我们看看新的 Composition API 与 Vue 2 方[……]
分类： Javascript
如何观察 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 已经想到了这一点，并允许我们使用属性来做到这一点。[……]
Vue 组件是如何工作的
组件让我们可以将网站的某些部分拆分为可重复使用的部分，然后我们可以将它们放置在多个位置。这可能非常强大——最终意味着减少工作量，因为我们可以广泛地重用代码。
你可以很容易地想象一个看起来有点像下图的 Vue 组件树。在这里，我们有两个页面，Home和About。在每个组件中，我们都有一个可重用[……]
如何在 Vue 中使用模板
在 Vue 中，模板是我们创建可重用组件的主要方式。我们可以使用模板来获取数据，并将其转化为用户可以看到的屏幕上的真实元素。在本文中，我们将介绍模板在 Vue 中的工作方式，以及一些您可能不知道的关于模板的内容。
在 Vue 中创建模板#
每个 Vue.vue文件都必须有一个<te[……]
如何在 Vue 中使用 v-for
通常，当我们创建应用程序时，我们使用的数据决定了我们向用户展示的内容。例如，在一个待办事项应用程序中，我们可能有多个待办事项列表项。v-for在 Vue 中，通过我们的 Vue 模板中的属性可以很容易地显示多个数据点。
如何在 Vue 中使用 v-for#
假设我们有一些数据存储在单个页[……]