全局组件和局部组件的注册
组件的简介
概念:可以使用独立可复用的小组件来构建大型应用
组件的基本使用
局部注册
流程:
创建组件——引入组件——注册组件——使用组件
1、创建一个新的vue页面 —— 一个vue页面就是一个组件,这里定义他为子组件
<template>
<div>新建的局部子组件</div>
</template>
2、在父组件中引入新建的子组件
import NewSon from "./newSon.vue";
3、用components方法中注册子组件
export default {
components:{
"new-son":NewSon
}
4 注册完组件后,直接在页面以标签形式使用组件
<template>
<div>
<new-son> </new-son>
</div>
</template>
全局注册
流程:
创建组件——引入组件(main.js)——注册(main.js)——使用组件
1 创建新vue页面,在components文件夹下创建
<template>
<div>新建的全局子组件</div>
</template>
2 在main.js中引入页面
<