全局注册 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[……]

继续阅读

TypeScript 条件类型如何工作

TypeScript 中的条件类型使我们能够根据逻辑定义某些类型,就像我们在代码的其他方面所做的那样。它们是在 TypeScript中定义类型的有用工具。

它们采用一种熟悉的格式,因为我们像这样编写它们condition ? ifConditionTrue : ifConditionFalse[……]

继续阅读

将你的 React 网站变成手机应用

构建 Web 应用程序是整整一代开发人员共同成长的过程。然而,在 android 和 iOS 中构建手机应用程序通常需要 Swift 或 Kotlin 的知识,这可能不是你编程的第一语言。

让你的所有代码在所有设备上工作,在同一个 repo 中,是那些首先构建 web 的梦想场景。幸运的是,我[……]

继续阅读

了解如何使用 $emit 在 Vue 中发出自定义事件

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

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

继续阅读

Vue 事件处理基本指南

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

Vue 中的事件

Vue 以及大多数 Javascript[……]

继续阅读

使用 Hexo 和 WordPress 的静态站点生成器指南

静态站点生成器是将模板编译成静态 HTML 页面的系统。如果这听起来很有效——是的,确实如此。没有服务器处理或渲染,因此静态网站往往非常快速和轻量级,为您和您的用户节省宝贵的时间和带宽。这种效率的提高体现在成本的降低和潜在的收入增加上。

从优化 WordPress 到静态化

说到高效的收[……]

继续阅读

Vue中created和mounted有什么区别?

大多数人在谈论 Vue 中的生命周期钩子时会感到困惑的一件事是 和 之间的created区别mounted。他们都有相似的名字,他们觉得他们应该做同样的事情,但有一些细微的差别。

createdVue和mountedVue的区别

首先,两者created()都mounted()可以访问原[……]

继续阅读