uniapp vue3 setup开发笔记

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  vue3版本引入vantUI

uniapp在选择组件库上  优选选择firstUI 但是因为firstUI部分组件查询文档要收复     无奈放弃了...

uView   后来打算用这个免费开源  但是因为目前只支持vue2   无奈放弃

最终选择了vant 这个自己比较熟悉的有赞框架

网上关于vant导入uniapp的实例很多 但是vue3能成功很少 这个过程中自己也趟了很长时间水,试了很多不生效

以下是可以完美决绝方式:

 

 

 

 

 

 

 

posted @ 2023-02-23 17:26  青幽草  阅读(860)  评论(0编辑  收藏  举报