缘由当开发vue项目时，ele字体图标显示无任何问题，然而当项目打包部署上线时，图片，字体文件等静态资源就丢失了，通过分析是因为项目打包时是非根目录，通过publicPath进行了配置，静态资源没有匹配到publicPath，因此打包出来的路径错误，导致页面不显示资源分析由于是打包至非根目录下，我们需要对webpack中的publicPath进行配置，同时记得修改router.js中的base地址

在Vue2.X中，我们通过Vue.prototype.$dialog = dialog的方式挂载组件，并使用this.＄xxx的形式通过函数调用组件，如this.＄dialog({})而在Vue3.X中，组合式API没有this，不过新增了globalProperties属性，代替了Vue.prototype查看Vue3.X官方文档（https://www.vue3js.cn/docs/zh/ap

父组件给子组件传值父组件通过v-bind绑定数据传递给子组件：<template><view><son :msg="msg"></son></view></template><script>import son from "@/components/son/son.vue"expor...

uni-app中的rpxTips:rpx 即响应式 px，是一种根据屏幕宽度自适应的动态单位。rpx 以 750 宽的屏幕为基准，750rpx 恰好为屏幕宽度 (即 375rpx) 为屏幕一半的宽度);当屏幕变宽时，rpx 实际显示效果也会等比例放大使用 @import 语句导入外联样式表@import url("./test.css");支持基本的常用选择器 class,id,el...

在目前的小程序开发中，为了更好的用户体验，以及信息推荐，我们难免要获取用户的授权拿到定位。所以在uni-app的学习中，我决定将实现的步骤详细地记录下来，希望可以帮助到更多的人！使用到的方法及api:实现这个功能时，最好先看一遍官方的文档uni.authorize(OBJECT)向用户发起授权请求 点击查看uni-app官方文档qqmapsdk = new QQMapWX({ }...

京东效果图：代码效果图：说明：实现图中所示的的左侧标签栏可上下滑动，右侧区域为对应左侧标签展开的图片文字详情说明，也具备上下滑动的功能scroll-view可滚动试图区域本文着重使用”scroll-y“即纵向滑动<template><view class="classify"><!-- 左侧标签区域 --><scroll-...

应用生命周期定义在app.vue中生命周期函数名说明onLaunch当uni-app 初始化完成时触发（全局只触发一次）onShow当 uni-app 启动，或从后台进入前台显示(多次触发)onHide当 uni-app 从前台进入后台（多次触发）onUniNViewMessage对 nvue 页面发送的数据进行监听，可参考 nvue 向 vue ...

组件实例中的使用setup所以Vue3中API的入口和出口，Composition API都在写在其里面，Options API可以共存写在其中，但推荐使用全Composition API的写法setup在beforeCreate,create之前创建，因此没有this在setup函数中定义的变量和方法最后都是需要 return 出去的 不然无法再模板中使用setup有两个参数，第一个是props