uniapp注册全局组件

有一些组件可能会被很多个页面使用到,比如说,自定义的导航栏,如果在每一个页面都引用一次就很麻烦了,这个时候可以将该组件注册为全局组件了。

第一种方法:easycom组件模式

官方描述:https://uniapp.dcloud.io/collocation/pages?id=easycom

  1. 将组件安装在项目的components目录下,并符合components/组件名称/组件名称.vue目录结构。可以不用引用、注册,直接在页面中使用。
  2. pages.json中要设置autoscan为true,默认就是true。
    uniapp注册全局组件_第1张图片
第二种就是传统的 安装、引用、注册,三个步骤

1.创建一个组件后 在main.js文件下
uniapp注册全局组件_第2张图片
2.在全局注册组件 ,其他组件之中可以直接使用标签引入。
在这里插入图片描述

全局组件的组件传参

父组件:
uniapp注册全局组件_第3张图片

子组件:
uniapp注册全局组件_第4张图片

你可能感兴趣的:(uni-app,前端,vue.js)