26个节省时间的Vue提示

26个节省时间的Vue提示

我们都讨厌浪费时间。

编写Vue应用程序时，如果从一开始就可以用正确的方式做事，我们就会浪费时间来做错误的事情。

但是很难知道我们应该学习什么。

因此，我整理了这26篇文章的清单，通过教您如何避免浪费时间来帮助您节省时间。

浏览完此列表后，您可以与其他人共享该列表，这样也可以帮助他们节省时间!

1.在太晚之前使用Vuex

如果要构建中型到大型应用程序，则状态(需要跟踪的所有数据)可能会变得非常复杂。

这不仅是您必须处理的信息量。状态与状态更改的所有不同方式之间的不同交互只会增加这种复杂性。

管理状态是一项艰巨的任务!如此多的错误和浪费的时间是由于非常复杂的状态和逻辑所致。

这就是Evan You创建Vuex与Vue一起发展的原因。

不必用于小型项目或状态简单的项目。但是对于较大的项目，这是绝对必要的。

如果您想了解有关Vuex解决的问题的更多信息，以及如何在您的应用程序中使用它，请查看WTF是Vuex吗?一个初学者指南Vue公司的应用程序数据存储由安东尼·戈尔。

这是一个有趣的事实。

埃文·尤文(Evan You)最初打算将Vuex发音为“ vukes”，与“ pukes”押韵。但是，有很多人把它称为“ view-ex”，于是他改变了主意😂。

2.了解Vue组件实例的工作方式

Vue具有非常巧妙的设计，可以提高性能并减少其内存占用。

虽然不是必须的，但了解它是如何工作的只会在您构建越来越多的Vue组件时为您提供帮助。

此外，这真的很有趣!

在Joshua Bemenderfer撰写的这篇简短但很有帮助的文章中，了解Vue如何创建组件实例：了解Vue.js Component Instancing。

3.强制Vue重新渲染-正确的方法

在99%的情况下，如果某些内容无法正确呈现，则是反应性问题。

因此，如果您是Vue的新手，那么您肯定需要学习尽可能多的关于反应性的知识。我认为这是新开发人员最大的坚持点之一。

但是，有时您需要使用大锤完成工作并交付代码。不幸的是，截止日期并没有改变。

而且有时，迫使一个组件重新呈现实际上是这样做(但非常非常少)的最佳方式。

到目前为止，我最受欢迎的文章是关于重新渲染组件的正确方法。

4. Vue无法处理多个根节点

并非所有组件都具有单个根节点是有意义的。

例如，如果要渲染项目列表，则将节点列表作为数组简单返回可能更有意义。为什么不必要地将其包装在ol或ul标签中?

这称为片段。

目前，Vue不支持片段，尽管Vue 3将支持它们。

React已经有一段时间了，但是为了让他们实现这一点，它重写了渲染系统。Vue处于相同情况。

但是，在我们等待Vue 3.0发布时，您可以使用功能组件来解决此问题。您可以在Vue模板可以有多个根节点(片段)中阅读有关此内容的更多信息。由安东尼戈尔(Anthony Gore)。

5.使用Vuelidate轻松验证表单

在我以前的工作之一中，我很确定我的正式职位描述是：

建立数据表和表格

感觉就像我每天所做的只是在逐一建立表格。

但这是有道理的。表单是我们从用户那里获取输入的主要方式，它们对于我们的应用程序能否正常运行至关重要。所以我们最终写了很多。

但是，表单的构建也确实很棘手。从表面上看&#