Vuejs
文章平均质量分 77
Vuejs
前端蛋卷
这个作者很懒,什么都没留下…
展开
-
Vine: 一种全新定义 Vue 函数式组件的解决方案
这种代码组织方式可以让我们在一个组件中可以更好地在一个文件中将一些小部件组件进行拆分,既拆分了组件,拆分出来的小组件还能继续保持上下文的变量访问。这下真的变 React 了。7月6日的 vue confg 大会上 ShenQingchuan 大佬介绍了他的 Vue Vine 项目, 一种全新定义 Vue 函数式组件的解决方案。结尾的后缀定义一个 Vine 组件(官方称其为 VCF组件,类似 Vue 的 SFC),组件定义的方式很简单就是一个。的模板字符串函数, 具体的组件内容就定义的模板字符串中。原创 2024-07-08 00:54:04 · 906 阅读 · 0 评论 -
面试官:谈一谈如何编写一个易维护的 Vue 单文件组件
编写单文件组件时,是否曾思考过如何使这些组件在代码维护上更加容易,而不会变成“堆屎山”?在重构的代码中,我们改进了变量和方法的命名,使它们更具描述性。虽然组件比较长,但我们还是可以看出这个组件存在明显的边界性。虽然将一个复杂的组件变成多个简单的组件,可能会稍微增加一些代码量,但这些代码更容易理解、维护和修改。这样的分离使得代码更加模块化,也使得我们的代码更具可读性。当然,这只是一个简单的例子,好处可能有限。长组件原则告诉我们,将长组件分解为较小的、集中的组件有助于提高可读性、可重用性和可测试性。原创 2024-07-05 09:06:33 · 423 阅读 · 0 评论 -
请不要在 Vue 中滥用“watch”功能,拜托了!
但是事实却是相反,在我们实践编写代码中,特别是当维护别人的代码(尤其是复杂的代码)时,我们通常不喜欢修改现有的代码,而是在上面添加自己的代码。我们猛地一看,好像并没有什么大问题,但是当我们几个月之后回来再改这段代码的时候,就会发现这里面的问题了。更改别人的复杂代码可能会触发改动引发,因此,我们通常最保险的做法是添加另一个。看到前面示例的缺点后,静下心思考一下🤔, 到底可维护的代码应该是什么样的?的逻辑,在更新之前,我们必须要理清楚更新的逻辑,这样才能避免改动引发。的数据更新会和多个数据的变化相关,原创 2024-07-03 00:52:19 · 369 阅读 · 0 评论