Vue Single File Components or Vue单文件组件的改进你喜欢吗？

尤雨溪在今天上午发布了一篇关于提升单文件组件体验的RFCs 记录下我最喜欢的一个改变。

动机与目的:

Currently in SFCs you have to import a component and then pass it to the export default { components: { … } } hash, which leads to a lot of redundancy: for a single component we are repeating its name 3 times: in the imported binding, the file name, and the components option.

The sugar requires the name of each component to be specified only once.

示例代码：

Normal Components

After

Async Components

After

Component Renaming

By default, the component’s locally registered name is inferred from its filename. But they can be renamed locally:

Drawbacks
This would require updates in tools that parse SFC content for template analysis - e.g. Vetur & @vuedx.

However, since this information is going to be provided directly by @vue/compiler-sfc in the parsed SFC descriptor, it should remove some extra complexity from these tools as well.