Vue cli之单文件组件

组件有两种：脚本化组件、单文件组件

脚本化组件的缺点：

?

1 2 3

html代码是作为js的字符串进行编写，所以组装和开发的时候不易理解，而且没有高亮效果。 脚本化组件用在小项目中非常合适，但是复杂的大项目中，如果把更多的组件放在html文件中，那么维护成本就会变得非常昂贵。 脚本化组件只是整合了js和html，但是css代码被剥离出去了。使用组件时还要另外引入css文件。

　　

将一个组件相关的html结构，css样式，以及交互的JavaScript代码从html文件中剥离出来，合成一个文件，这种文件就是单文件组件，相当于一个组件具有了结构、表现和行为的完整功能，方便组件之间随意组合以及组件的重用，这种文件的扩展名为“.vue”，比如：“Home.vue”。