事项vue cli 01
Vue.js框架：vue3版本父子组件之间的传值和事件触发
一、子组件 使用vue3官方提供的setup语法糖中给出的defineEmits、defineProps来定义父子间的传参值和关联方法（useContext在3.2版本之后已去除）。 <script setup lang="ts"> import { defineProps, defineEmits ......
一周每天事项（2023.10.22-2023.10.28）
时间段-位置 完成情况\日期 2023-10-22 2023-10-23（1） 醒-起床时间 9:10 7:40 宿舍走之前 状态评级 9-9（五感封禁） 9-8(不想起) 体重 温度-天气状况 3-12 7-18 一到科室 绑腿 喝温水 上午 工作计划 工作总结 中午睡觉前 热水（16min） ✘ ......
左神算法-提升01-哈希表
左神算法-提升01-哈希表 设计RandomPool结构 【题目】 设计一种结构，在该结构中有如下三个功能: insert(key):将某个key加入到该结构，做到不重复加入 delete(key):将原本在结构中的某个key移除 getRandom(): 等概率随机返回结构中的任何一个key。 【 ......
Vue源码学习(十三):nextTick()方法
好家伙，nextTick, (...这玩意,不太常用) 1.什么是nextTick 在Vue中，nextTick是一个用于异步执行回调函数的方法。 它在Vue更新DOM后被调用，以确保在下一次DOM更新渲染完成后执行回调函数。 而事实上,我们把队列处理的操作封装到了nexrTick方法中. 实际上， ......
BUG：net::ERR_CONNECTION_REFUSED（前端Vue2、后端FastAPI）
BUG场景 一个前后端分离的项目，前端使用Vue2框架，后端使用FastAPI，前端想要传输图片给后端，使用的相关接口为： 'http://10.96.67.161:8081/uploadImg/' 后端FastAPI运行的代码为： if __name__ == '__main__': uvicor ......
vue项目中在外部js文件中直接调用vue实例的方法比如说this
一般我们都是在main.js中引入vue，然后在vue文件中直接使用this（this指向的是vue实例），但是在实际开发中，我们往往会引入外部的js文件使用this，这个this就会指向window，并不是我们期待的vue实例，那么就需要重新引入vue文件（import Vue from 'vue ......
AMBA Bus介绍_01
AMBA总线概述 系统总线简介 AMBA 2.0 AHB - 高性能Bus APB - 外设Bus AHB ASB APB AHB 组成部分 APB组成部分 AMBA协议其他有关问题 DMA DMA - 既是Master又是Slave AHB Arbiter仲裁之后,Master1,Master2, ......
springboot+vue学习（2）
1、ref ：为子组件指定一个索引 ID，给元素或者组件注册引用信息。refs是一个对象，包含所有的ref组件。 <div id="parent"> <user-profile ref="profile"></user-profile>（子组件）</div> var parent = new Vue ......
springboot+vue学习
最近遇到一个问题，在一个页面需要动态渲染页面内的表单，其中包括 checkbox 表单类型，并且使用 Element 组件 UI 时，此时 v-model 绑定的数据也是动态生成的 例如：定义的 data 的 form 里面是空对象，需要动态生成里面的 key export default { da ......
npm安装datav-vue3(一个大屏边框和装饰组件)后报错Failed to resolve entry for package "@dataview/datav-vue3". The package may have incorrect main/module/exports specified in its package.json.
原因:个人认为应该是npm上的版本比较低,因为弄好后装饰只能用到第8个,后面的都没有,查看package.json里它的版本为^0.0.0-test.1672506674342,也就是说还没有正式版,在官方的说明里也有体现 [目前还处于 Alpha 阶段，所有的 API 及 Props 都可能在后续 ......
Struct ForDemo01
package com.chen.struct; import java.util.Scanner; public class ForDemo01 { public static void main(String[] args) { int a = 1;//初始化条件 while (a<100){/ ......
Method Demo01
package com.chen.method; public class Demo01 { //main方法 public static void main(String[] args) { int sum = add(1, 2,3); System.out.println(sum); // te ......
[Vue]事件修饰符
Vue中的事件修饰符：1. prevent：阻止默认事件（常用）；2. stop：阻止事件冒泡（常用)；3. once：事件只触发一次（常用）；4. capture：使用事件的捕获模式；5. self：只有event.target是当前操作的元素是才触发事件；6. passive：事件的默认行为立即 ......
01_Java语言概述
 
1.标签 <button v-copy="text">复制文本</button> text是要复制的内容，在data函数中 2.在main.js中注册copy指令 Vue.directive('copy', { bind: function(el, binding) { el.$copy = fun ......
html 不使用脚手架 如何使用vue组件 1
html 不使用脚手架 要使用vue组件的话有两种方法 1 使用 vue3-sfc-loader git地址: https://github.com/FranckFreiburger/vue3-sfc-loader cdn地址: https://cdn.jsdelivr.net/npm/vue3-s ......
[Vue]键盘事件
1. Vue中常用的按键别名: 回车=>enter 删除=>delete(捕获“删除”和“退格”键) 退出=>esc 空格=>space 换行=>tab(特殊，必须配合keydown使用) 上=>up 下 =>down 左=>left 右=>right 2. Vue未提供别名的按键，可以使用按键原始 ......
ANSYS 部件组装的注意事项
ANSYS 中部件的装配 ANSYS 也可以实现与 Abaqus 类似的组装功能，但是要注意装配过程中材料编号，单元编号，坐标系编号的变化 1.具体装配流程 1.组件的创建和保存 ! 1.组件开头设置 finish /clear filename = 'demo' /filename, filena ......
详解vue大文件视频切片上传的处理方法
前端上传大文件、视频的时候会出现超时、过大、很慢等情况,为了解决这一问题,跟后端配合做了一个切片的功能,接下来就详细的给大家介绍一下vue大文件视频切片上传的处理方法,需要的朋友可以参考下 前端上传大文件、视频的时候会出现超时、过大、很慢等情况，为了解决这一问题，跟后端配合做了一个切片的功能。 我这 ......
手撕Vue-界面驱动数据更新
经过上一篇文章，已经将数据驱动界面改变的过程实现了，本章节将实现界面驱动数据更新的过程。 界面驱动数据更新的过程，主要是通过 v-model 指令实现的, 只有 v-model 指令才能实现界面驱动数据更新的过程。 好了，那么说了是通过 v-model 那么直接处理下 CompilerUtil 中的 ......