带你了解我喜欢Vue的10件事

ul{填充：0;li{列表样式类型：无；颜色：蓝色；}}我喜欢Vue。2016年第一次接触的时候，可能当时对JavaScript框架已经厌倦了，因为已经对Backbone、Angular、React等框架有了经验，并没有太大的热情去尝试新的框架。直到我在HackerNews上看到一篇评论将Vue描述为一个类似“新的jQuery”的JavaScript框架，这激起了我的好奇心。在那之前，我对React作为一个框架非常满意，它是一个伟大的框架，它建立在围绕视图模板、虚拟DOM和有状态响应等技术的可靠设计原则之上。而Vue也提供了这些重要的内容。在这篇文章中，我旨在解释为什么Vue适合我，以及为什么我选择它而不是我在上面尝试过的框架。也许你会同意我的一些观点，但至少我希望能给你一些使用Vue开发现代JavaScript应用程序的灵感。1.极少的模板语法Vue默认提供的视图模板语法极简、简洁、可扩展。与其他Vue部分一样，使用类似JSX的语法而不是标准的模板语法很容易（甚至有官方文档介绍如何做到这一点），但我认为没有必要。JSX有好的东西也有一些有根据的批评，比如混淆了JavaScript和HTML，很容易导致模板中的代码复杂，应该在不同的地方分开编写。Vue没有使用标准的HTML来编写视图模板，而是使用最小的模板语法来处理简单的事情，比如基于视图数据迭代创建元素。ul{填充：0;li{列表样式类型：无；颜色：蓝色；}}我也喜欢Vue提供的短绑定语法，:用于绑定模板中的数据变量，@用于绑定事件。这是一个细节，但编写并保持组件代码干净是很酷的。2.单文件组件大多数人使用Vue，使用“单文件组件”。本质上，一个.vue文件对应一个组件，组件包含三个部分（CSS、HTML和JavaScript）。这种技术组合恰到好处。它使得在一个地方理解每个组件变得容易，这也是鼓励每个人保持每个组件的代码简短的好方法。如果您的组件中有很多行JavaScript、CSS和HTML代码，那么是进一步模块化的时候了。在Vue组件中使用