每一个.vue都是一个组件,它在页面上是分块显示的:


这样的组件在封装好之后是相互独立的,不存在相互关系

Left与Right是App的子,L与R是兄弟关系,组件在使用的时候才有关系

在compnents里面注册一下起个别名,上面是全写,下面是简写(当注册名和别名一样时可以省略)


在里面使用import导入与使用上面注册的别名
其中@指向src目录

使用时可以直接用别名以标签形式(比如)进行对组件的书写

可以看出root下面有left和right

通过compnents注册的是私有子组件:
在组件A的compnents节点下,注册了组件F,
则组件F只能用在组件A中,不能用在组件C中
若某个组件频繁地被用到,那么将非常麻烦
全局注册一次就可以无限使用
在main.js中,通过Vue.compnent()方法,可以注册全局组件

1.导入
import Count from '@/compnents/Count.vue'
2.注册
Vue.compnent('Mycount',Count)