粒子 星空three vue
Vue2开发笔记
目录Vue 组件化开发笔记环境安装生命周期Vue2笔记CSS局部生效组件自定义事件全局事件总线1. Vue 原型对象上包含事件处理的方法2. 所有组件实例对象的原型对象的原型对象就是 Vue 的原型对象3. 全局事件总线4. 全局事件总线操作5. 消息订阅与发布$nextTick过渡动画1. 用tr ......
vue通过js代码实例化组件
最近在写项目的一些公共组件(一些选择器),很多个地方都需要用,所以在main.js全局声明了,但发现子页面调用还是有挺多的地方需写。 例如,要在template实例化组件,并用ref绑定,然后在js里的methods里写方法。 main.js 声明全局组件 第一种方案 一开始想到的是用ref绑定组件 ......
Vue-模板语法
一、模板语法 插值语法 最后都渲染成了字符串 html: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.bootcdn.net/ ......
Vue学习五:自定义指令、插槽
一、自定义指令 自定义指令:自己定义的指令,可以封装一些dom操作,扩展额外功能 全局注册语法 Vue.directive('指令名',{ "inserted" (el){ //可以对el标签,扩展额外功能 } }) View Code 局部注册语法 directives:{ "指令名":{ "in ......
Vue项目报TypeError: Cannot read properties of undefined (reading '_wrapper')
前情 最近在做一个营销活动的时候,我选择了Vue技术栈来开发。 坑位 项目看似一切都正常,但当我在绑定的js事件中去修改当前组件的data上的值时会报错:TypeError: Cannot read properties of undefined (reading '_wrapper')。 报错信息 ......
Vue源码学习(五):<templete>渲染第四步,生成虚拟dom并将其转换为真实dom
好家伙, 前情提要: 在上一篇我们已经成功将ast语法树转换为渲染函数 现在我们继续 1.项目目录 代码已开源https://github.com/Fattiger4399/analytic-vue.git手动调试一遍, 胜过我解释给你听一万遍 新增文件:vnode/index.js vnode/p ......
金蝶云星空新增单据转换
1、文件-单据转换“ 2、点击新建: 3、选择源单和目标单: 4、设置唯一标识: 5、设置关联主单据体: 6、设置单据类型映射: 7、设置上下游字段关系对应: 8、设置选单条件策略: 9、创建插件: 新建转换插件: 添加引用:Kingdee.BOS.Contracts.dll Kingdee.BOS ......
vue页面集成海康威视web视频播放插件
参考大神链接:https://www.jianshu.com/p/71d97362fdd8 1、进入海康威视官网下载web视频插件 下载插件开发包:https://open.hikvision.com/download/5c67f1e2f05948198c909700?type=10 官方教程:ht ......
springboot+vue导出本地可执行文件
1、前端页面增加下载链接 <a href="http://localhost:80/system/download" download="xxx.exe">下载地址</a> 2、后端读取文件下载 //下载文件 @GetMapping("/system/download") public void d ......
金蝶云星空反写规则的使用
业务需求: 售后单下推其他出库单,数量控制不允许超额。 前提: 售后单明细数量、已推其他出数量 其他出库单实发数量 详细操作: 1、登录账套搜索“反写规则”。打开 2、新增反写规则 3、填写名称、上下游单据 4、取消下游反写赋值的字段,不允许复制 解决方案: 5、保存操作,下游单据的字段累加反写上游 ......
vue前后端分离项目中,对于空字符串转可空类型出错的解决办法
环境:netcore 6.0+ 序列化采用自带的 System.Text.Json工具 使用vue做前后端分离时,我们提交的对象中,可能有些字段是为空字符串,但是对应接口要求是int? ,decimal? datetime?等类型。那么在序列化时,就会报错。 因为空字符串无法直接反序列化为 null ......
vue3.3.x setup 新实验性特性 defineModel 定义多个属性
由于有些业务组件需要定义多个响应式props,类似这种(比较懒,没上ts),在vue3.3.x以前,如果不用三方库,代码会变得很繁琐 <script setup> const props = defineProps({ modelValue: { type: Object, default: () ......
原生HTML单页面使用vue框架
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi ......
vue-day02
模版语法 html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.j ......
Vue Debug Reac 配置
https://zhuanlan.zhihu.com/p/475999585 作为前端开发,基本每天都要调试 Vue/React 代码,不知道大家都是怎么调试的,但我猜大概有这么几种: 不调试,直接看代码找问题 console.log 打印日志 用 Chrome Devtools 的 debugge ......
vue vue-devtools调试工具神器安装
目录vue vue-devtools调试工具神器安装前言chrome商店直接安装手动安装第一步:找到vue-devtools的github项目,并将其clone到本地. vue-devtools第二步:安装项目所需要的npm包第三步:编译项目文件第四步:添加至chrome游览器vue-devtool ......
vue3videplayer播放m3u8视频流注意事项
前言 使用vue3开发项目时,碰上需要做一个视频流列表的页面,最开始是想获取所有列表数据后创建对应的video标签,这样默认获取第一帧作为封面,同时暂停视频减轻不断请求的压力。但开发后发现视频就算暂停后也会继续请求视频流,多个视频反而会导致页面卡顿。 方案 手动获取视频的第一帧,通过canvas将其 ......
Vue基础
一 条件渲染 指令 释义 v-if 相当于: if v-else 相当于:else v-else-if 相当于:else if <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>if、else if、else< ......
每日一练:无感刷新页面(附可运行的前后端源码,前端vue,后端node)
1、前言 想象下,你正常在网页上浏览页面。突然弹出一个窗口,告诉你登录失效,跳回了登录页面,让你重新登录。你是不是很恼火。这时候无感刷新的作用就体现出来了。 2、方案 2.1 redis设置过期时间 在最新的技术当中,token一般都是在Redis服务器存着,设置过期时间。只要在有效时间内,重新发出 ......
vue背景及快速使用
前端介绍 1. HTML(5)、CSS(3)、JavaScript(ES5、ES6、ES11):编写一个个的页面 -> 给后端(PHP、Python、Go、Java) -> 后端嵌入模板语法 -> 后端渲染完数据 -> 返回数据给前端 -> 在浏览器中查看 2. Ajax的出现 -> 后台发送异步请 ......
Vue——模版语法、文本指令、事件指令、属性指令、style和class、条件渲染、列表渲染
模版语法 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="./js/vue.js"></script> </head> <body> <div id="a ......
vue2原理初探-数据代理和数据劫持
本篇文章主要想简单聊聊vue如何实现数据修改,页面联动的底层原理。 当然,篇幅有限,只是自己一些浅显的认知而已,我会从一下几个方面去聊,希望对你有所帮助。 几个基础知识点 数据代理 数据劫持 完整demo 一、几个基础知识点 1.普通函数和箭头函数的区别 我们知道,每个函数执行都会形成一条作用域链[ ......
一些vue面试题
1. Vue组件的生命周期有哪些,它们的执行顺序是什么? 答:Vue组件的生命周期包括beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDestroy和destroyed等。它们的执行顺序如下: beforeCre ......
Vue2 Modal组件函数式调用封装(基于Ant Design Vue 组件)
一、h函数(createElement函数)版本 import Vue from "vue"; import { Modal } from "ant-design-vue"; // 获取扩展 Modal 组件 function getModalConstructor(modalProps, chil ......
从零开始使用vue2+element搭建后台管理系统(主页)
登录后,应有一个主页,可以展示当前用户的一些信息,例如上次登录时间地点、修改手机号、重置密码等简单功能,如图: 首先在views下新建HomeView.vue文件: <template> <el-row> <el-col :span="24"> <!-- user卡片 --> <el-card> < ......
Vue源码学习(六):(支线)渲染函数中with(),call()的使用以及一些思考
好家伙, 昨天,在学习vue源码的过程中,看到了这个玩意 嘶,看不太懂,研究一下 1.上下文 这段出现vue模板编译的虚拟node部分 export function renderMixin(Vue) { Vue.prototype._c = function () { //创建标签 return ......
Electron-vue项目打包遇坑
项目背景 一个Electron+vue2的桌面应用项目,进行打包 使用了vue-cli-plugin-electron-builder将Electron和vue结合 直接使用electron-builder打包 问题一:打包后,background.js中会出现模块引入报错。Electron是com ......
vue导航守卫有哪些
在 Vue.js 中,导航守卫是一组函数钩子,用于控制路由跳转的行为。Vue.js 提供了三种导航守卫: 全局导航守卫:作用于整个应用程序,用于拦截和处理所有路由跳转。 beforeEach(to, from, next):在路由跳转之前执行,可以用于进行权限验证、登录检查等操作。如果要继续路由跳转 ......
问题记录:vue项目中的babel转化器是否可以转换npm install下来的依赖库,使该依赖库也可以兼容es6语法?
vue项目中的babel转化器是否可以转换npm install下来的依赖库,使该依赖库也可以兼容es6语法? 是的,Babel转换器可以用于转换通过npm install安装的依赖库,以使其兼容ES6语法。Babel是一个广泛使用的JavaScript编译器,可以将较新版本的JavaScript代 ......