vue特性vue3
04vue之axios
1. 简介 axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端,它本身具有以下特征: 从浏览器中创建 XMLHttpRequest 从 node.js 发出 http 请求 支持 Promise API 拦截请求和响应 转换请求和响应数据 取消请求 自动转换JSO ......
05vue之组件
1. 组件化编程 根据封装的思想,把页面上可重用的 UI 结构封装为组件,从而方便项目的开发和维护 1.1 组件 在 Vue 中,组件就是用来封装视图的,说白了就是封装 HTML;组件思想就是把一个很大的复杂的 Web 页面视图给拆分成一块一块的组件视图,然后利用某种特定的方式把它们组织到一起完成完 ......
vue之修饰符
1. 简介 修饰符是以半角句号 . 指明的特殊后缀 2. 常用修饰符 2.1 .prevent :阻止事件默认行为 可以告诉v-on指令对于触发的事件调用 event.preventDefault(),一般用于表单提交、a标签的click事件等 <form v-on.prevent="onSubmi ......
03vue之脚手架搭建项目
1. 介绍 Vue脚手架是基于webpack搭建的,用来创建vue项目的工具包 Vue的运行流程: 通过 main.js 把 App.vue 渲染到 index.html 的指定区域中 脚手架-官网 2 准备工作 2.1 检查以下是否安装 # 确定是否已经安装 node, npm, vue-cli脚 ......
02vue之调试工具vue-devtools
1 下载插件 可以在 https://chrome.zzzmh.cn/#/index 这里直接下载,然后直接拖入 扩展程序即可 2 下载包 2.1 从github克隆项目 git clone https://github.com/vuejs/vue-devtools 2.2 在vue-devtool ......
uniapp引入iconfont真机nvue不生效(兼容vue)
兼容nvue 1.只能使用text标签<text class="iconfont" style="color: #fff;font-size: 28rpx;"></text> 2.App.vue设置,引入iconfont onLaunch() { // #ifdef APP-PLUS ......
JDK 21新特性---记录模式匹配
记录模式匹配 Record Classes 在JDK 16中加入了Record Class,它自动生成了构造函数、访问器、equals、hashCode、toString等方法,简化代码的编写,类似于lombok插件的@Data注解。 类简化对比: public class MyRecord { p ......
es6新特性1
let 和 const 命令 let 声明的变量在代码块内有效 let 不允许重复声明 let 不存在变量提升 console.log(a); var a = 1; // 输出undefined console.log(b); let b = 1; // 报错Uncaught ReferenceEr ......
JDK19特性之虚拟线程
目录1 虚拟线程1.1 前言1.2 虚拟线程介绍1.3 虚拟线程如何被JVM调度1.4 平台线程和虚拟线程的区别1.4.1 虚拟线程始终是守护线程1.4.2 虚拟线程始终具有正常优先级1.4.3 虚拟线程不是线程组的活动成员1.4.4 虚拟线程不支持stop、suspend或resume1.4.5 ......
Java 21新特性-虚拟线程 审核中
Java 21 版本更新中最重要的功能之一就是虚拟线程 (JEP 444)。这些轻量级线程减少了编写、维护和观察高吞吐量并发应用程序所需的工作量。 ......
vue 基于 el-upload 封装视频上传组件
新建video-upload.vue文件: <template> <div class="video-upload-com"> <el-upload :action="uploadUrl" :before-upload="beforeAvatarUpload" :file-list="mediaLi ......
vue前端有数据,但是eharts图标不显示的问题(待解决)
问题描述 vue前端能够获取到array数据,模式如图: echarts图表不能显示数据; 问题解决 还没解决~ ......
vue+echarts实现数据库数据的可视化(新的方式~)
1、新建一个vue项目 使能够正常访问浏览器的页面; 2、引入echarts模块 使用命令: npm install echarts --save 等待下载完成: 3、在main.js里面引用echarts模块 原来: 加上echarts之后: 命令代码: import echarts from ' ......
Vue 异步更新、$nextTick
Vue 是异步更新 DOM 的,想要在 dom 更新完成之后做某件事,可以使用 $nextTick $nextTick:等 dom 更新后,才会触发执行此方法里的函数体 语法: this.$nextTick ( () => { // 业务逻辑 }) eg: this.$nextTick ( () = ......
数据库事务的四大特性(ACID)
ACID ACID 是数据库事务的四个关键特性,分别是原子性(Atomicity)、一致性(Consistency)、隔离性(Isolation)和持久性(Durability)。 原子性(Atomicity): 解释: 事务是一个原子操作单元,要么全部执行成功,要么全部失败回滚,不存在部分执行的情 ......
vue显示echarts报错——echarts未在vue界面中定义init——TypeError: Cannot read property ‘init‘ of undefined
问题描述 本来按照网上的教程说是想要定义一个全局变量,就不需要在每个需要用到echarts组件的vue页面里面重新定义了, 直接使用就行,然后就报错了; 问题解决 我觉得应该是我的全局变量定义错误了,但是吧,我就直接改成在该vue页面定义了它,然后再使用: 就没有再使用到那个全局变量,直接这样就通过 ......
启动vue项目报错——ERROR Error loading vue.config.js: ERROR TypeError: defineConfig is not a function
问题描述 在我引入echarts模块之前是ok的,引入之后就启动失败了; 问题解决 一般情况下,都是该项目的版本与本机cmd里面的版本不对应导致的; 只需要使用这个命令npm upgrade,更新版本,一直yes下去,就能够解决这个问题啦! ......
Vue组件各个属性执行顺序问题
转自:https://blog.csdn.net/m0_62763606/article/details/131694339 在制作波动短视频效果时,在data中定义了一个变量,默认值为null。后来该变量在mounted中被赋值,而后在watch侦听属性中使用立即侦听时使用了该变量却显示为null ......
Vue模板应用
目录Vue模板应用{{}} 变量插值v-once 只会插值一次v-html 对HTML代码插值v-bindHTML标签属性的插值在外部传递数值类型的数据到组件内部时, 必须使用v-bind指令的方式进行传递, 直接使用HTML属性设置的方式传递会将传递的数据作为字符串传递v-on 监听、绑定事件v- ......
针对vue3中动态循环图片require不好使的问题
1、动态src路径渲染 2、定义一个函数通过new URL把路径返回回去,vue2采用的是require的方式动态渲染 ......
shell的概念_BASH特性
BASH特性 bash是一个命令处理器,运行在文本窗口中,并能执行用户直接输入的命令 bash还能从文件中读取Linux命令,称为脚本 bash支持通配符,管道,命令替换,条件判断等逻辑控制语句 bash有诸多方便的功能,有助于运维人员提升工作效率 命令历史 shelll会保留其会话中用户提交执行的 ......
vue3+ts中使用echarts
1. 下载 npm install -S echarts 2.使用 方法一(推荐使用) <div class="echart_box" ref="echartDom"></div> <script setup lang="ts"> import * as echarts from "echarts" ......
深入理解ASEMI整流桥GBU808的特性与应用
编辑-Z 当我们谈论电子元器件,你可能首先想到的是电阻、电容和晶体管。然而,有一种元器件,虽然名不见经传,却在电力供应中起着举足轻重的作用。那就是整流桥。今天我们就来深入分析一下GBU808整流桥,这是一款流行度相当高的单相桥式整流器,理解它的工作原理,特性和应用将有助于我们在设计电路时做出更好的决 ......
vue 甘特图(三):甘特图右侧内容拖动展示
vue3 甘特图(三):甘特图右侧内容拖动展示内容 解决因多个项目周期跨度不同,在一页屏幕里展示不完全,需要通过拖动甘特图下方的滚动条,去查看对应时间段内的内容 拖拽滚动视图,展示对应时间甘特图 构思,通过监听内容拖拽的距离,同时使滚动条滑动相同距离,从而达到效果。 //拖拽滚动视图 const s ......
vue3结合socket实现打字机动画
<template> <div> <div>ip地址:<input type="text" placeholder="ip地址" v-model="socketIP"></div> <br /> <div>端口号:<input type="text" placeholder="端口号" v-mode ......
使用vue-router添加动态路由时遇到的坑
在开发后台管理的时候,用户登录时需要根据权限来分配路由,这时候可以在路由守卫里通过router.addRoute()方法动态添加路由。 import router from './router' import store from './store' import storage from '@/u ......