vuejs 自定义了一种.vue文件，可以把html,css,js 写到一个文件中，从而实现了对一个组件的封装， 一个.vue 文件就是一个单独的组件。由于.vue文件是自定义的，浏览器不认识，所以需要对该文件进行解析。 在webpack构建中，需要安装vue-loader 对.vue文件进行解析。在 sumlime 编辑器中，我们 书写.vue 文件，可以安装vue Syntax highlight 插件，增加对文件的支持。
用vue-cli 新建一个vue项目，看一下.vue文件长什么样？ 在新建项目的过程中，命令行中会询问你几个问题，当询问是否安装vue-router 时，这里先选择否。项目完成后，我们看到src 目录下有一个componet 目录，里面有一个 Hello.vue 文件，内容如下，这里对template 里面的内容做了一些删减
{{ msg }}