小程序学习06——uniapp组件常规引入和easycom引入语法

目录

一  组件注册

1.1 组件全局注册

1.2 组件全局引入

1.3 组件局部引入

页面引入组件方式

1.3.1 传统vue规范：

1.3.2 通过uni-app的easycom

二 组件的类型

2.1 基础组件列表

---

一  组件注册

1.1 组件全局注册

（a）新建compoents文件夹用于存放组件文件

（b）在myCompoents文件夹中新建组件compoent

1.2 组件全局引入

（a）main.js 里进行全局导入和注册

（b）在index.vue 里，template中以标签的形式直接使用组件

（c）即可在页面中进行使用，可以在不同页面中直接使用

1.3 组件局部引入

页面引入组件方式

1.3.1 传统vue规范：

（安装、引用、注册）在 index.vue 页面中，通过 import 方式引入组件 ，在 components 选项中定义你想要使用的组件。

import AComponent from '../../myComponents/component.vue'

1.3.2 通过uni-app的easycom

将组件引入精简为一步。

• easycom是自动开启的，不需要手动开启；