vue中 【组件系统】和【单文件组件】中提到的【组件】是指一个东西吗？

Question

vue中 【组件系统】和【单文件组件】中提到的【组件】是指一个东西吗？

Answer 1

"组件"都是指的Vue的组件,
"单文件"组件表示你可以把组件的所有要素写在同一个文件内, 从而达到官方所讲的

在一个组件里，其模板、逻辑和样式是内部耦合的，并且把他们搭配在一起实际上使得组件更加内聚且更可维护
链接

当然你也可以按你自己的方式组织, 不写在同一个文件里

Answer 2

单文件组件是指 vue-cli 脚手架工具 书写的文件格式，方便管理开发
组件系统是vue组件的总称，大致意思就是说，项目是有一个一个组件组成，组件之间相互联系，构成web页面

vue-cli 项目搭建

Answer 3

组件系统中介绍的组件有两种注册方式。全局注册和局部注册。单文件组件就是一个局部组件。
单文件组件

*componentA.vue*
<template></template>
<script>
  export default {
    data: function () {}
  }
</script>

普通js

*componentB.js*
let componentB = {
  data: function () {}
}
export default componentB

使用局部组件

import ComponentA from './ComponentA'
import ComponentB from './ComponentB'
export default {
  components: {
      componentA, componentB
    }
}