uniapp检测版本更新及在线升级
官方使用教程文档地址https://doc.dcloud.net.cn/uniCloud/upgrade-center.html按照官方文档就可以，在这里简单的归纳客户端的设置1、项目要关联云空间unicloud2、下载插件到项目中，只要下载(https://ext.dcloud.net.cn/plugin?id=4542)这一个客户端就可以，服务端和客户端分…
NetBlog主题
uniapp tabBar使用icon图标
效果图使用步骤1、【阿里巴巴图标库】https://www.iconfont.cn/ 下载 图标字库，不会下载的可以看这个视频教程 https://www.bilibili.com/video/BV1F64y1b7nv2、将下载好的图标字库放在static下3、在app.vue引入style/*每个页面公共css */@import url(static/icon/iconfont.…
Vue3 Pinia的作用和使用
Pinia作用类似于C#的一个类，里面可以放字段属性，方法使用步骤1、安装依赖 npm i pinia2、创建/store/UserInfo.tsimport { defineStore } from piniaexport const useUserInfoStore = defineStore(UserInfo, { state: () = { return { //字段属性 age: …
Vue3 axios get,post请求携带token
安装axios依赖 npm i axiosget 和post 带token请求代码 import axios from axios//get请求 注意token前要添加 Bearer 并与空格隔开axios.get(http://localhost:5005/api/sysMenu/loginMenuTree, { headers: { Authorization: "Bearer eyJhbGciOiJIU…
Vue3 使用useMsgRef来定义一个响应式数据且有延时效果
自定义的useMsgRef.tsimport { customRef } from vueexport default function (initValue: string, delay: number) { let timer: number //track(跟踪), trigger(触发) let msg = customRef((track, trigger) = { return { get() { …
Vue3 具名插槽的使用
组件App.vuetemplate childd template v-slot:s2 !-- 显示到插槽名为s2里面 -- p性名：luoFenMing/p p性别：男/p p年龄：18/p /template template #s1 !-- 显示到插槽名为s1里面 v-slot:也可以用【#】代…
Vue3 默认插槽的使用
组件App.vuetemplate childd title="组件标题" !-- 组件标签里面的html内容显示到默认插槽 -- p性名：luoFenMing/p p性别：男/p p年龄：18/p /childd/templatescript setup lang="ts"import childd from @/components/Child.v…
Vue3 组件通信$refs,$parent
父组件与子组件通讯父组件App.vuetemplate div p{{ money }}/p button @click="updateUserInfo"修改/button /div clildd ref="c1" / clildd2 ref="c2" //templatescript setup lang="ts"import { ref } from vueimport clildd from…
Vue3 路由的基本使用(router)
路由：简单的来说就是在浏览器输入Url地址回车之后，会显示该Url页面的内容,效果如下App.vue组件代码(程序入口的组件)template div class="navigate" RouterLink to="/Home" active-class="active"首页/RouterLink RouterLink to="/about" active-class="a…
Vue3 自定义UI组件(Input)
效果如下自定义UI组件LuoFenMingInput.vue代码template input type="text" :value="modelValue" @input="emit(update:modelValue,$event.target.value)" /template script setup name="LuoFenMingInput"import { defineProps,defineEmits } from…