当我们用vue .component定义全局组件时，然后使用 new Vue({el:"#container})在每个页面指定一个容器元素 这种方式可以在中小型的项目中运行的很好，但是在大型项目中，就会暴露很多缺点，又或者你的项目中前端完全由js控制，下面这些缺点将会暴露的很明显 1，全局定义，强烈要求每个component不能重复 2，字符串模板，缺乏语法高亮 3，不支持css 意味着当html和js组件化的时候，css明显被遗漏 4，没有构建步骤
上面所有的问题vue中文件名后缀为.vue提供了解决的办法，并且还可以使用webpack构建工具
如何看待关注点分离
关注点分离不代表文件类型分离，在组件里，模板，逻辑，和样式时内部耦合的，即使不喜欢单文件组件，也可以使用分离，把js和css都分离出来，做到热重载和预编译
