LiliRush的博客

原创 vue2与vue3的组件、插槽、子传父，父传子以及暴露组件的方法变量怎么使用

1、写组件components/h-nav-bar/index.vue，在v3中暴露组件的方法变量需要导出。另外在写小程序或者app时使用uniapp全部导入符合条件的组件，不需要在使用时再导入。1、写组件components/h-nav-bar/index.vue。2.使用组件以及组件的方法变量和插槽。2.使用组件以及组件的方法变量和插槽。

原创 pinia组合式api使用

3.例如使用pinia的token时import { useUser } from '@/stores'// defineStore('数据中心名'，()=>{放变量和方法})// 统一导出从本页面，在用时就可以直接导入本页。// 把自动存储持久化挂载到pinia上。// 存选择的专家还是普通。// 5. 设置病情描述。// 7. 设置优惠券。// 数据中心变量值。// 4. 设置科室。// 6. 设置患者。// 8. 清空记录。// 持久化，存到本地。

原创 async,await执行顺序

打印1--调用asy2,await为同步，后面await完成后是异步，打印3，把4放微队列，asy1停止等微队列中的4执行完毕之后才会继续执行--打印7--asy3中6放微队列--打印4，把2放微队列--打印微队列后面的6--打印2。紧挨await的为同步任务，等await执行完毕紧跟着的后面放异步，如果await下一行后面没有，则需要把执行完放入微队列。执行结果：1，7，6，2，4，3。执行结果：137462。

原创 打包环境变量

原创 vue3高德物流路线

注册&认证个人开发者===>创建web应用====>得到。配置安全密钥 securityJsCode。在vue3项目中使用。

原创 统一格式化

vue组件使用时。

原创 vue3ts定义type

使用时import type {user} from "@/type/user"2.子组件类型定义 src/type/components.ts。1.创建项目时选择ts，src/type/user.ts。

原创 vue3中v-model语法糖

确定//("update:modelValue",modelValue)自定义事件，传的值。show)>确定

原创 vue3的pinia配置

3.3.1//在store/modules/consultOrderId.ts的代码中配置存储本地存储，key是defineStore第一个参数。{persist:{key:'存的名字',path:['存的变量名']}}2.//在store/index.ts。在main.ts中挂载之后，使用时。3,2//如果是更改存储的key。

原创 vue中标签类名

内容动态设置标签类名1、动态设置标签类名2、

原创 ts中Pick与Omit的使用

PickOmit三、将两个声明类型合并成新的类型，使用。

原创 vant4组件库van-tabbar底部栏使用

路由，增加图标使用命名插槽#icon，当点击是获取插槽active的值，当点击这个选择时获取active是true，相反不点击时是false，根据active更改组件cp-icon传值从而更改当前的图标。在van-tabbar-item 标签属性to值为要跳转的。ps：cp-icon图标组件在使用svg插件。

原创 vant4组件form获取验证码

倒计时获取验证码。

原创 定制vant组件主体（sass）

四、整体覆盖原来vant组件原来的样式，styles/main.scss中覆盖:root:root{--要覆盖的样式名：样式}或使用:root:root{--要覆盖的样式名：var（定义过的scss）}五、单个组件部分，vue3版配合::v-depp() {}一、建styles/main.scss定义css变量,二、main.ts导入scss文件，全局使用。1.全局定义，:root{--变量名：样式}

原创 svg转精灵图，vite-plugin-svg-icons的使用

一、安装vite-plugin-svg-icons。三、配置vite.config.ts文件。二、建文件夹，放置svg图片。四、main.ts导入。