signaturepad简易 电子vue
前端Vue自定义加载loading组件 通过设置gif实现loading动画 可用于页面请求前loading
#### 随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 ......
介绍Vue router的history模式以及如何配置history模式
# 引言 Vue router给我们提供了两种路由模式，分别是hash模式和history模式。其中默认是使用hash模式，即URL中带有一个#符号，但是处于业务或个人喜爱的差别，Vue router也提供了history模式。但是由于Vue是单页SPA应用，所以每个路由并没有对应的html文件。 ......
一篇读懂React、vue框架的生命周期函数
原文合集地址如下，有需要的朋友可以关注 [本文地址](https://mp.weixin.qq.com/s?__biz=MzI5MjY4OTQ2Nw==&mid=2247484308&idx=2&sn=0d7bffa31dbd060d2b4dbebbbe46e4e1&chksm=ec7cc0c0db ......
TypeScript+Vue3
# **TypeScript** ## Any 类型 和 unknown *顶级类型* 1.没有强制限定哪种类型，随时切换类型都可以 我们可以对 any 进行任何操作，不需要检查类型 2.声明变量的时候没有指定任意类型默认为any 3.弊端如果使用any 就失去了TS类型检测的作用 4.TypeSc ......
Vue（十一）：样式绑定
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>绑定样式</title> <script type="text/javascript" src="../js/vue.js"></script> <!-- 绑定样式： 1.绑定cl ......
vue前端使用node-rsa公钥加密解密
const NodeRSA = require('node-rsa'); // 使用公钥加密 export function encrypt (msg,commonKey) { const key = new NodeRSA(` BEGIN PUBLIC KEY ${commonKey} END P ......
vue2.0 外部配置文件
vue2.0 外部配置文件，重点是打包后也可以 修改配置参数 一、在public中创建static文件夹，在static文件夹中创建config.js文件 config.js { "apiUrl": "http://192.168.1.5:5011/httpCli" } 二、在 man.js 中 使 ......
ASEMI整流桥MB6S是什么电子元件
编辑-Z 在电子工程领域，整流器是一种常见的电子设备，用于将交流电（AC）转换为直流电（DC）。其中，整流桥MB6S是一种广泛使用的整流器，以其高效、稳定和可靠的性能赢得了工程师们的青睐。本文将深入探讨整流桥MB6S的工作原理和应用。 首先，我们来了解一下整流桥MB6S的基本工作原理。MB6S是一种 ......
vue3.0 外部配置文件
vue3.0 外部配置文件，重点是打包后也可以 修改配置参数 一、在public中创建static文件夹，在static文件夹中创建config.js文件 config.js { "webSocketUrl": "http://192.168.1.5:5011/httpCli" } 二、在 man. ......
vue3+ts+pinia项目中的好写法
### 前端截取文字 ``` String(enterpriseName).length Promise, requestFn: () => Promise) { type Timer = ReturnType const text = ref('获取验证码') const disabled = r ......
vue - v-model在组件上的应用（包含子传父）
### 一、v-model 的参数 默认情况下，`v-model` 在组件上都是使用 `modelValue` 作为 prop，并以 `update:modelValue` 作为对应的事件。我们可以通过给 `v-model` 指定一个参数来更改这些名字： ``` ``` 在这个例子中，子组件应声明一 ......
vue-component-2023-7-7
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <!--view层 模板--> <div id="app"> <!--组件，传递给组件中的值：prop ......
vue项目跨域问题
# vue项目跨域问题 ## 一、vue项目直接调用第三方接口后，打包成dist部署到服务器后，提示404以及跨域问题 ## 解决方式： 使用宝塔部署时：如图： ![image](https://img2023.cnblogs.com/blog/2034232/202307/2034232-2023 ......
SpringBoot-Vue整合的小demo
参考：https://github.com/Aizhuxueliang/springboot-vue 主要通过后端SpringBoot技术和前端Vue技术来整合一个小demo，实现简单的增删改查、分页功能以及了解Springboot搭配vue完成前后端分离项目的开发流程。 2023.7.7 ## 一 ......
Vue3 响应式全局对象
项目需求 实现一个 响应式全局对象，在A模板页修改全局对象 ，在B模板页中自动响应改变为新值 main.js 全局对象 globalVars import { createApp } from 'vue' import { reactive } from 'vue' import App from ......
简易计算机
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wid ......
vue-slot插槽
今天大致了解些vue插槽。在Vue.js中，插槽（slot）是一种机制，它允许你将内容插入到组件的特定位置。使用插槽，你可以在组件内定义一些可以被填充的占位符，然后在使用该组件时，将具体的内容插入到这些占位符中。 <!DOCTYPE html> <html lang="en"> <head> <me ......
14：vue3 生命周期钩子
每个 Vue 组件实例在创建时都需要经历一系列的初始化步骤，比如设置好数据侦听，编译模板，挂载实例到 DOM，以及在数据改变时更新 DOM。在此过程中，它也会运行被称为生命周期钩子的函数，让开发者有机会在特定阶段运行自己的代码。 生命周期函数 创建期：beforeCreate created 挂载期 ......
Vue3+.net6.0 一 3和2的一些区别，初始化一个最简单的Vue3
Vue3的数据双向绑定原理与Vue2不同 在之前的Vue2的学习中，知道了vue2的双向绑定是通过Object.defineProperty将我们new出来的vue对象中的Property转换成Setter/Getter，每个组件有一个watcher来监听这些Property。 在Vue3中，使用的 ......
vue3使用表格el-table-infinite-scroll.js:18 Uncaught (in promise) Error: [el-table-infinite-scroll]: .el-scrollbar__wrap element not found.
先看下表格里面有没有这个el-scrollbar__wrap class类 没有的话升级一下element-plus到最新的就行 你可以先查看element-plus的版本 npm view element-plus 下载完之后 就有了 ......
SublimeText添加对vue的支持和格式化
## 添加对vue的语法的高亮支持 首先需要安装插件 install package， 按下 ctrl + shift + p , 输入 install 即可看见 install package , 选中回车即可，等待一段时间会提示是否安装成功 安装成功后开始安装开发VUE需要用到的插件 , 安装方 ......
vue - Prop 传参
Prop 校验 ``` export default { props: { // 基础类型检查 //（给出 `null` 和 `undefined` 值则会跳过任何类型检查） propA: Number, // 多种可能的类型 propB: [String, Number], // 必传，且为 St ......
UE4创建坦克和简易履带
在虚幻商城中下载免费的坦克资源 下载完毕后创建载具蓝图，作为坦克蓝图的父类 将坦克蓝图的父类设置为新建的蓝图 在坦克总类中设置弹簧臂和摄像机组件，为每个坦克设置摄像机 使用载具模板的事件实现视角控制 接下来是动起来，创建车轮类 出现车轮陷入地面修改车轮半径，在车轮蓝图中 打开坦克蓝图，将网格体设置为 ......
vue项目使用vue2-org-tree (避免重复踩坑踩坑)
1.效果图  ## ......
13：vue3 插槽 slot
1、插槽基础知识 用Parent.vue，导入SlotBase.vue组件 1 <template> 2 <SlotBase> 3 <div> 4 <h3>插槽标题</h3> 5 <p>插槽内容</p> 6 </div> 7 </SlotBase> 8 </template> 9 10 <scrip ......
vue组织结构插件vue2-org-tree 功能交互
先上效果 可以切换节点颜色，展开与否，坚排或者横排都可以配置。 安装 安装vue2-org-tree, 然后再安装样式 less-loade ``` cnpm install --save-dev less less-loader cnpm install --save-dev vue2-org-t ......
Vue + Volo.Abp 实现Auth2.0客户端授权模式认证
@[toc] Volo.Abp的[身份服务器模块](https://docs.abp.io/zh-Hans/abp/latest/Modules/IdentityServer)默认使用 [IdentityServer4](https://identityserver4.readthedocs.io/ ......
Vue3主要的响应类方法(ref、reactive、toRef、toRefs)
1.Vue.ref() 1.1.可以为单个属性添加响应式状态。1.2.可以为对象添加响应式状态，当给对象的某个属性单独ref后，改变后的属性值不会同时改变原始值。1.3.访问数据值，需要添加.value。1.4.原始数据的拷贝。(原始数据不被改变) 2.Vue.reactive() 2.1.给对象添 ......
12：vue3 组件事件（子传父 ）
1、触发与监听事件（子传父this.$emit） Parent.vue 1 <template> 2 <h3>Parent父组件</h3> 3 <Child @parentEvent="parentEventHandle"></Child> 4 <p>子组件传递的数据：{{ message }}</ ......
vue - 动态组件(:is在组件中的使用)
### 使用场景： 有些场景会需要在两个组件间来回切换，比如 Tab 界面： 我们可以通过 Vue 的` ` 元素和特殊的 `is` attribute 实现的：如 ``` ``` 在上面的例子中，被传给` :is `的值可以是以下几种： * 被注册的组件名 * 导入的组件对象 你也可以使用 `is ......