uniapp开启全局组件按需引入

如何注册和使用全局的公共组件,全局样式和全局方法。

注册公共组件

1.引入到main.js文件进行注册;

main.js文件进行一下引入。

import Vue from 'vue'
import navigation from '@/components/custom/navigation.vue'; //自定义导航栏组件
Vue.component('navigation',navigation)

2.在pages.json文件进行自动注册

在easycom中加入"autoscan": true,

"easycom": {
        "autoscan": true,
        "custom": {
            "^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"
        }
    }

自动注册,发现不用以上方法,也可以直接使用,只要是在components文件夹里面并且符合官方规范就可;

3.在manifest.json文件中写入"lazyCodeLoading": "requiredComponents" 

{
      "mp-weixin" : {
        "appid" : "",
        "lazyCodeLoading" : "requiredComponents",

    },
}

 

posted @ 2025-05-19 09:55  时光独醒  阅读(535)  评论(0)    收藏  举报