关于Vue单文件组件

在使用vue-cli或者自己搭建的基于Webpack的脚手架的时候,并不会使用Vue.component来定义组件,然后使用new Vue({})来给每个页面挂载一个容器。这种方法存在明显的弊端:

  • 每个component的命名不得重复
  • 缺乏语法高亮
  • 不支持css
  • 不能使用预处理器

更多的,我们倾向于使用Vue单文件组件。.vue是一个自定义的文件类型,用类HTML语法来描述一个Vue组件。每个组建包含三个部分: