单文件组件

当我们用vue .component定义全局组件时，然后使用 new Vue({el:"#container})在每个页面指定一个容器元素
这种方式可以在中小型的项目中运行的很好，但是在大型项目中，就会暴露很多缺点，又或者你的项目中前端完全由js控制，下面这些缺点将会暴露的很明显
1，全局定义，强烈要求每个component不能重复
2，字符串模板，缺乏语法高亮
3，不支持css 意味着当html和js组件化的时候，css明显被遗漏
4，没有构建步骤

上面所有的问题vue中文件名后缀为.vue提供了解决的办法，并且还可以使用webpack构建工具

如何看待关注点分离

关注点分离不代表文件类型分离，在组件里，模板，逻辑，和样式时内部耦合的，即使不喜欢单文件组件，也可以使用分离，把js和css都分离出来，做到热重载和预编译