首页 > 其他分享 >uniapp vue3 setup开发笔记

uniapp vue3 setup开发笔记

时间:2023-02-23 17:34:45浏览次数:65  
标签:uniapp vue setup vue3 组件 easycom fui

uniapp vue3 setup写法中使用onload,onshow等生命周期

首先通过这种方式引入
import { onShow, onHide,onLoad } from "@dcloudio/uni-app"
和vue3普通生命周期一样的使用
onShow(()=>{

})
onLoad(()=>{

})
...

 

pages.json中的easycom

easycom规则*将组件引入精简为一步。只要组件安装在项目的 components 目录下,并符合 components/组件名称/组件名称.vue 目录结构。就可以不用引用、注册,直接在页面中使用。

符合components/组件名称/组件名称.vue 目录结构

我们已经成功利用easycom规则来使用自定义组件,在使用的过程中需要注意以下几点:

easycom是自动开启的,不需要手动开启,有需求时可以在pages.json的easycom节点进行个性化设置
·easycom只处理vue组件,不处理小程序组件。暂不处理后缀为.nvue的组件

    "easycom": {
        "autoscan": true,
        "custom": {
            "fui-(.*)": "firstui-uni/firstui/fui-$1/fui-$1.vue"
        }
    }

 

 

 

标签:uniapp,vue,setup,vue3,组件,easycom,fui
From: https://www.cnblogs.com/ddqyc/p/17148852.html

相关文章