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

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

阅读 2k
3 个回答

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

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

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

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

vue-cli 项目搭建

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

*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
    }
}
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏