接口axios vue all
vue模板大小写区分
HTML 标签和属性名称是不分大小写的,所以浏览器会把任何大写的字符解释为小写。这意味着当你使用 DOM 内的模板时,无论是 PascalCase 形式的组件名称、camelCase 形式的 prop 名称还是 v-on 的事件名称,都需要转换为相应等价的 kebab-case (短横线连字符) 形 ......
vue3自定义hook
### 什么是hooks - hook是钩子的意思,看到“钩子”是不是就想到了钩子函数?事实上,hooks 还真是函数的一种写法。 - vue3 借鉴 react hooks 开发出了 Composition API ,所以也就意味着 Composition API 也能进行自定义封装 hooks。 ......
vue组件动态缓存与动态刷新
## 动态缓存 ### 前言 在项目中,为了减少性能消耗,有时我们需要使用keep-alive把组件缓存起来,但是并不是所有组件都需要被缓存,那么如何控制那些组件需要缓存呢?主要使用到路由meta,路由前置守卫,vux,动态组件。 ### 实现 **APP.vue** ``` home test ` ......
vue3标准开发过程
1.如何用脚手架快速新建一个vue3项目 安装vue-cli后,用如下命令创建 vue create my-vue3-project 默认创建vue3项目,直接回车即可。 新建完成后,如何引入element-plus? 用Webstrom打开项目, 先运行一次npm install 然后运行npm ......
vue新建项目标准流程
1、如何做到快速创建Vue 2项目: 要快速创建Vue 2项目,可以按照以下步骤进行操作: 步骤1:确保已经安装了Node.js和npm(Node.js的包管理器)。 步骤2:打开终端或命令提示符,进入你想要创建项目的目录。 步骤3:运行以下命令安装Vue CLI(命令行工具): ``` npm - ......
如何在.net6webapi中记录每次接口请求的日志
为什么在软件设计中一定要有日志系统? 在软件设计中日志模块是必不可少的一部分,可以帮助开发人员更好的了解程序的运行情况,提高软件的可靠性,安全性和性能,日志通常能帮我们解决如下问题: 调试和故障排查:日志可以记录程序运行时的各种信息,包括错误,异常,警告等,方便开发人员在出现问题时进行调试和故障排查 ......
【lazada接口系列】获得lazada商品详情API接口采集商品规格信息调用示例
Lazada商品详情API接口的作用是获取Lazada电商平台上的某一商品的详情信息,包括商品的名称、销售价格、库存数量、图片、商品描述、品牌、产地、售后保障等信息。开发者可以使用该API接口获取到商品的原始数据,进行分析、筛选等操作。 通过该接口获取到的商品详情数据可以结合其他数据进行分析和采 ......
vue插槽
什么是插槽 在日常的项目开发中,当我们在编写一个完整的组件时,不可避免的会引用一些外部组件或者自定义组件。 有了这种引用关系之后,我们就可以把它们称为父组件或者子组件,同时父子组件之间有很多的通信方式,比如可以通过props向子组件传递数据,或者通过$emit、$parent调用父组件中的方法。 下 ......
VUE框架组件中通信方式(3)
## useAttrs 使用方式类似于props传值,useAttrs既可以传数据,也可以传事件。 如果父组件给子组件传递的参数,在子组件中同时使用props和useAttrs获取,那么参数只在props中生效,也就是说props的优先级高于useAttrs。 示例代码如下: ``` // temp ......
vue中精确计算问题,出现很多位小数的问题与原因
出现的原因计算机把小数转换成二级制,会出现无限循环的情况。再把无限循环的二级制转化成十进制的时候,变成了一个无限循环的数字。在处理双精度浮点数的小数部分最多支持 52 位,所以转换成十进制之后,就出现了很多位小数的存在。 例如: 0.1 + 0.2 = 0.30000000000000004 0.3 ......
Vue报错之 Property or method "XXX" is not defined on the instance but referenced during render
原因1:真的没定义, 原因2:定义了,但是需要检查大小写是否一致 ......
vue3+ts+vite antd自定义主题和vite打包配置资源压缩和分类打包, 第十一回
直接贴出vite.config.ts 的配置 plugins:[ vue(), AutoImport({ imports: ['vue', 'vue-router'], // 自动导入vue和vue-router resolvers:[ AntDesignVueResolver(), // 自动导入 ......
vue3+ts+vite enum keyof typeof a-table columns 里的使用 第十回
export enum Roles{ SuperAdmin='超级管理员', Admin='管理员', Other='其它', ... } 首先看一个基本的枚举类的定义,是的,做过后端的道友一看就知,在我们实际开发里,枚举一直是比较常用的类型,但是如何在TS里拿到枚举的值,就需要额外的学习一下了。 ......
VUE 滚动到底部加载更多(附带指令实现方式)
VUE 滚动到底部加载更多(附带指令实现方式) 直接上代码: mounted() { window.addEventListener('scroll', this.handleScroll, true); }, destroyed() { window.removeEventListener('sc ......
接口测试--什么是接口?什么是接口测试?
一.什么是接口? 接口:简单来说就是 系统之间传输数据的通道。【就好像手机充电,必须要用充电线一样】 接口的特点:(1)一定的规范要求(协议)(2) 能灵活自定义的部分(开发) 测试的重点是要检查数据的交换,传递和控制管理过程,以及系统间的相互逻辑依赖关系等。 二.接口都有哪些类型? 接口一般分为两 ......
Vue实现可自定义时间倒计时功能组件
一,创建countDown.vue(倒计时组件) let time = parseInt(new Date().getTime() / 1000) + '';//获取10位时间戳 let time = new Date().getTime();//获取13位的时间戳 使用说明: 1)endTime是 ......
Vue@路径别名设置
路径别名,省去相对路径的麻烦,直接用@views 来作为路径开头更加的方便 ## Vue2+Vue-Cli 写法 在 vue.config.js 里写入 ```js module.exports = { ... chainWebpack: config => { config.resolve.sym ......
Vue3 新特性
## 一、Vue3.0 六大亮点 - Performance:性能比 Vue2.x 快 1.2~2 倍 - Tree shaking support:按需编译,体积比 Vue2.x 更小 - Composition API:组合 API - Better TypeScript support:更好的 ......
Vue3.2 新特性
## 1. 新的 SFC 特性 - ` Color is: {{ color }} ``` script setup 的几个优势 - 更少的样板内容,更简洁的代码。 - 能够使用纯 Typescript 声明 props 和发出事件。 - 更好的运行时性能 (其模板会被编译成与其同一作用域的渲染函数 ......
Vue2 自动注册组件
Vue 的组件要在其他地方使用得通过这三步 ```js ... ... import vuexxx from '@components/vuexxx' export default{ ... components:[ vuexxx ] } ``` 注册起来比较的繁琐。 这里记录一种自动注册的方式,把 ......
Vue3 添加公共方法方式
在 vue3 中是不会直接暴露 vue 对象给你使用了。所以不能像 vue2 那样直接在原型上挂载,想要添加公共方法可以有下面三种方式。 ### **第一种:使用 app.config.globalProperties 添加** ```js import { createApp } from "vu ......
vue 路由参数改变后不刷新的问题
问题:跳转到同一个页面,但是传入不同的路由参数,而 data 内数据从 route.params 拿的并不会在路由跳转后再次获取,即不会跟随刷新。 ### 解决方法 ```javascript ``` ......
Koa 搭建静态资源文件服务器及图片上传接口的实现
场景:前端需要上传图片到服务器,保存在固定目录下,并返回一个外部可访问的 url 给客户端。 需要的工具:koa-body,koa-static, path #### 引入 ```js // app.js const koaBody = require("koa-body"); const path ......
BlackLotus UEFI (Unified Extensible Firmware Interface) 是一个开源的固件接口,用于在计算机系统启动时初始化硬件设备并加载操作系统。UEFI 取代了传统的 BIOS(基本输入/输出系统),提供了更现代化、灵活和安全的启动过程。
BlackLotus UEFI (Unified Extensible Firmware Interface) 是一个开源的固件接口,用于在计算机系统启动时初始化硬件设备并加载操作系统。UEFI 取代了传统的 BIOS(基本输入/输出系统),提供了更现代化、灵活和安全的启动过程。 BlackLotu ......
vue下载zip文件,显示文件损坏
```js // 打印申请书 printApplication(row){ const awardApplicationIds = row.awardApplicationId || this.ids; printApply(awardApplicationIds).then(response => ......
Vue 项目安全扫描漏洞,JS 库版本太低,要求升级 YUI
参考:https://blog.csdn.net/u012961419/article/details/130016341 使用方法一处理 import JsEncrypt from 'jsencrypt/bin/jsencrypt.min' ......
直播开发app,vue防抖 自定义ref实现输入框防抖
直播开发app,vue防抖 自定义ref实现输入框防抖 首先需要把input 的双向绑定v-mode 拆开为 一个value 和一个input事件,在事件里注册一个函数 debUpdata,debUpdata里获取到input输入内容再赋值给text,这就类似于手写v-mode,代码如下: <tem ......
VUE框架组件中通信方式(2)
## 全局事件总线 全局事件总线可以实现任意组件通信,在vue2中可以根据VM与VC的关系推出全局事件总线。 点击查看全局事件总线代码示例 ``` // main.js import Vue from 'vue' import App from './App.vue' // 创建一个Vue实例作为事 ......
vue自定义指令.上下左右滑动.长按事件.并且可以阻止冒菜和事件的默认行为
/** * 处理 移动设备上的 点击、长按、左右上下滑动 事件 * * * 导出了7个自定义指令: * v-tap: tap点击事件 * v-swipe: swipe滑动事件 * v-swipeleft: swipeleft左滑事件 * v-swiperight: swiperight右滑事件 * ......