组件让我们可以将网站的某些部分拆分为可重复使用的部分，然后我们可以将它们放置在多个位置。这可能非常强大——最终意味着减少工作量，因为我们可以广泛地重用代码。
你可以很容易地想象一个看起来有点像下图的 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 工作原理的良好起点。
最终，我们的待办事项列表应用程序将[……]
v-if 和 v-else 在 Vue 中是如何工作的
Vue 模板带有各种简单的快捷方式来实现高级功能。其中一组是v-forand v-if。可以将这些语句添加到 HTML 标记中，以使您的页面更加动态。让我们看看它们是如何工作的。
v-if 在 Vue 中的工作原理#
v-if本质上是 Vue 的 if 语句。如果其中的语句是t[……]
如何在 Vue 中使用 Props
属性，通常简称为“props”，是 Vue 的重要组成部分，也是我们将数据传递给子组件的关键方式。在本指南中，我们将讨论如何使用道具，以及我们为什么使用它们。本指南的重点是Vue 3，尽管所写的大部分内容也适用于 Vue 2。
Vue 中的属性或道具#
在构建许多前端框架（如 Vue）时[……]
创建你的第一个 Vue 应用程序hello world
在本教程中，我们将了解在 vue 中构建第一个应用程序所需的一切。我们将介绍开始制作第一个 vue 应用程序所需的内容。我们还将研究如何运行您的 vue 应用程序以便您可以在本地对其进行测试，以及为实时网站构建您的 vue 应用程序需要做什么。
创建你的第一个 Vue 应用程序#
要开始[……]
将你的 React 网站变成手机应用
构建 Web 应用程序是整整一代开发人员共同成长的过程。然而，在 android 和 iOS 中构建手机应用程序通常需要 Swift 或 Kotlin 的知识，这可能不是你编程的第一语言。
让你的所有代码在所有设备上工作，在同一个 repo 中，是那些首先构建 web 的梦想场景。幸运的是，我[……]