Vue.js(Vuex)中的一些常见错误

美好的一天! 有一定的空闲时间,所以我决定继续从事翻译工作。 可以在此链接上找到上一篇文章。

我今天将要翻译的文章是我的最爱之一。 我建议所有人访问Maximillian在Medium上的博客

我提醒您,我寻求直译,并尝试传达其实质。 走吧

在模板标签上显示v


v-show指令更改了目标元素的显示属性,但是template标记未在DOM中创建元素,因此该指令没有任何附加要求。 在模板标签上使用v-if代替v-show或将其替换为div。

译者的话:例如,出于性能原因,如果我需要使用v-show,则通常将其挂在template标签内的BEM实体Block上。 在我看来,这很方便。

为什么未定义ref中的元素?


如果您通过Vue尚未通过ref渲染的元素进行访问,则可能会发生这种情况。 例如,指令v-if = false挂在其祖先上。

可以通过用v-show替换v-if或等待渲染该项目来纠正这种情况(通过将watcher设置为v-if内容)。

Vuex州的物业更新


随着时间的流逝,您的应用程序将变得越来越复杂,并且相同的属性可能会出现在Vuex中。 这通常会导致突变期间错误属性的更新。

该问题的解决方案更多地在于体系结构领域:

一个 选择更多反映其本质的独特属性
b。 避免在属性中过多嵌套

从翻译者那里:在Vuex中使用名称空间 。 我不知道为什么马克西米利安没有提到这一点。

Source: https://habr.com/ru/post/zh-CN464887/


All Articles