devtools浏览器edge vue

学习归纳 | 关于java后端+vue前端+app端 | 学生初入工作

1.工作感受 首先,目前所作工作主要就是看懂前人的代码,并且修改一些bug,由于对方不在维护,交由我部门进行维护。 个人所学浅薄,有许多技术知识需要学习,上学期间做的东西真是非常不成熟,所用技术栈也非常少。 纸上得来终觉浅,绝知此事要躬行。看再多开发文档,不如实际去写项目。 很多知识,学的很多,但用 ......
前端 学生 java app vue

vue $refs.aaa aaa模板引用子组件 是个空数组 原因

我的代码结构大致这样 <el-tabs v-model="activeTab"> <el-tab-pane v-for="(tab, index) in 一个数组bbb" :key="index" :label="tab.label" :name="tab.name" > <子组件 ref="aaa ......
数组 组件 aaa 模板 原因

Window 11中修改微软edge浏览器alt+tab切换标签而无法切换系统窗口的问题

最近刚转手使用Edge浏览器的时候发现不能用alt+tab切换别的应用上,在浏览器设置上找了半天还是没有,最后离谱的在系统设置里面多任务窗口找到了这个设置。 打开设置找到多任务处理,点开后里面第二项修改为不显示选项卡即可。 ......
浏览器 标签 Window 问题 系统

浏览器可直接访问 Dubbo、gRPC 后端微服务,Dubbo-js 首个alpha 版本来了!

基于 Dubbo3 定义的 Triple 协议,你可以轻松编写浏览器、gRPC 兼容的 RPC 服务,并让这些服务同时运行在 HTTP/1 和 HTTP/2 上。Dubbo TypeScript SDK[1]支持使用 IDL 或编程语言特有的方式定义服务,并提供一套轻量的 APl 来发布或调用这些服... ......
Dubbo Dubbo-js 浏览器 版本 alpha

问题记录贴:vue-i18n在弹出框中$t()报错:TypeError: Cannot read property '_t' of undefined

网上有用的解决方法:vue 国际化在弹出框中$t()报错:TypeError: Cannot read property '_t' of undefined 大佬给出的解决方法: 弹窗是一个新的Vue对象,只需要单独给弹窗重新绑定i18n即可。 代码: // dialog/main.js impor ......
TypeError undefined property Cannot 问题

Vue 生命周期

Vue 生命周期 Vue 生命周期指的是 Vue 实例从创建到销毁整个过程 Vue 生命周期函数 Vue 生命周期函数(或生命周期回调函数、生命周期钩子)指的是在 Vue 生命周期的特定关键时间点被 Vue 自动调用的一些特殊函数 注意事项 生命周期函数的名字不可更改,但函数的具体内容是程序员根据需 ......
周期 生命 Vue

Vue: keep-alive的使用

作用: 组件切换时保持组件状态不被销毁 属性: include——包括:值为字符串或正则表达式或数组;指定的组件被缓存 exclude——不包括:值为字符串或正则表达式或数组;指定的组件不被缓存 exclude优先级高于include 用法: <keep-alive include="home,ab ......
keep-alive alive keep Vue

vue3+vite import 引入ThreeBSP库 报错

我在网上查了一下 先用 npm 下载了三方包 npm i three-js-csg 再使用 const ThreeBSP = require('three-js-csg')(THREE) 的方法引入 出现了这个报错 查了是因为require 是webpack 里的 vite不支持 所以找不到 然后我 ......
ThreeBSP import vue3 vite vue

vite.config.js base 与 vue-router base

vite.config.js base 决定了打包后,资源引用的前缀 base:'/hlw/' link ref='/hlw/assets' 打包后的dist要放到 /hlw 路径下 base 的值 与 process.env.BASE_URL、import.meta.env.BASE_URL一致 ......
base vue-router config router vite

vue项目个人配置

src/assets/base.css :root { --html-bg-color: #ffffff; } html.dark { --html-bg-color: #242424; } src/assets/reset.css /** * Eric Meyer's Reset CSS v2.0 ......
项目 个人 vue

Vue3 + Electron

https://www.electronjs.org/ https://www.electron.build/ 1. 创建一个vue3项目 可参考之前的笔记 2. 安装Electron $ npm install electron -D $ npm install vite-plugin-elect ......
Electron Vue3 Vue

Vue3常用库安装

目录Pinia引入使用Element Plus安装完整引入Volar支持按需导入-自动导入unocss&Icon安装unocss安装Icon库使用动态引用图标Iconify安装使用 Pinia 引入 // main.ts import { createPinia, type PiniaPluginC ......
常用 Vue3 Vue

Vue-父组件监听子组件的生命周期

egg:父组件监听子组件挂载并做对应的逻辑处理 1.在子组件中通过this.$emit触发父组件的事件 // Parent.vue <Child @mounted="doSomething"/> doSomething() { console.log('doSomething'); } // Chi ......
组件 周期 生命 Vue

将Vue3项目部署到Github Pages

1. 创建vue3项目 $ npm init vue@latest 初始化工程,并验证。 2. 创建github仓库 3. 连接vue项目到github仓库 打开vue项目根目录,初始化本地git仓库 $ git init $ git add . $ git commit -m "init" 连接v ......
项目 Github Pages Vue3 Vue

Vue实现a标签点击打开新页面但不触发路由跳转的效果

概要 对于一个a标签,原生效果有点击直接当前页跳转路由,按键(windows为ctrl,ios为command)+ 点击打开路由的新页面这两种效果 注意,第一种效果是a标签自带的,第二种效果是浏览器的行为。 如图为普通a标签和部分属性,点击跳转新路由/newapi,当然同时也会触发newUrl函数 ......
路由 效果 标签 页面 Vue

babel在vue项目中使用(vue兼容)

https://blog.csdn.net/qq_37493515/article/details/118628968 一、vue-cli创建babel1、在用脚手架创建项目时,可以选择babel直接创建一般情况下是默认配置,直接使用就可以了 二、单独引入babel(直接修改package.json ......
vue 项目 babel

npm init vite@latest vue3study --template vue

D:\Temp>npm init vite@latest vue3study --template vuenpm ERR! code ETIMEDOUTnpm ERR! errno ETIMEDOUTnpm ERR! network request to https://registry.npmjs ......
vue3study vue template 3study latest

Vue 组件通信 --非父子通信

:消息订阅是一对多的关系, 发送方发送消息,监听方只要监听了都可以接收到消息 :跨层级的共享数据 : ......
父子 组件 Vue

Vue组件通信 父子通信

![](https://img2023.cnblogs.com/blog/2908001/202310/2908001-20231011014517927-1524444392.png) ![](https://img2023.cnblogs.com/blog/2908001/202310/2908... ......
父子 组件 Vue

Vue组件的样式冲突 scoped

: ......
样式 组件 scoped Vue

spoot-vue学习

1、创建Vue项目(需要提前搭建好环境) 启动cmd,进入到文件夹路径,输入以下命令,回车 vue init webpack myvue 其中 myvue 是项目的名称 2、创建完成后,使用IDEA导入此vue项目 在控制台中输入npm install安装依赖环境 安装完成后,输入npm insta ......
spoot-vue spoot vue

Vue

# VUE2**渐进式JavaScript框架**通过AJAX请求将从Web服务器获取的数据显示到界面上## 搭建开发环境1)下载Vue.js库https://cn.vuejs.org/2)用<script>引入Vue.js库`<!--引入Vue-->`<script type="text/java ......
Vue

vue中的nextTick函数

今天实现切换歌曲时发现问题,切换歌曲的逻辑就是更改列表索引获取当前播放歌曲,然后播放歌曲。结果更改歌曲成功了,但是无法切换完播放。后来发现问题,歌曲加载需要时间,播放的指令运行时歌曲还未加载好,所以就出现了无法正常播放的问题。vue中的nextTick函数:在下次 DOM 更新循环结束之后执行延迟回 ......
函数 nextTick vue

electron+vue3+electron-updater 实现程序更新

electron+vue3+edge 调用C#.dll文件 electron-edge-js 用这玩意儿我血压高..... 血压高的谨慎食用… 文章目录 electron+vue3+electron-edge-js 调用C#.dll文件 起步 一、创建Vue3项目(ele) 二、Vue3项目中添加 ......

Vue框架结构说明

vue安装三部曲: 1:安装node.js环境 2:vue-cli 脚手架构建工具 3:配置vue环境 参考资料: https://blog.csdn.net/muzidigbig/article/details/80490884 ......
框架 结构 Vue

Vue源码学习(十):关于dep和watcher使用的一些思考

好家伙, 前面想了好久,都没想明白为什么要dep和watcher打配合才能实现数据-视图同步 为什么要多一个依赖管理这样的东西 给每个数据绑个watcher(xxfunction),然后,数据变了,调set,然后调xxfunction,不就行了, 然后今天突然想明白了,不是为什么要这么干,而是必须这 ......
源码 watcher Vue dep

vue实现简单的页面框架

效果图: 代码结构: ......
框架 页面 vue

vue2,3render函数的简单使用

render 函数的主要作用: 创建虚拟 DOM:render 函数负责创建虚拟 DOM 元素,这些元素以 JavaScript 对象的形式表示页面的结构和内容。 根据状态和数据生成 UI:render 函数根据组件的状态(data 数据)、属性(props)、计算属性(computed)、方法(m ......
函数 3render render vue2 vue

[CF160D] Edges in MST

Description You are given a connected weighted undirected graph without any loops and multiple edges. Let us remind you that a graph's spanning tree i ......
Edges 160D 160 MST CF

问题:vue-cli failed to download repo vuejs-templates/webpack:connect etimedout连接超时,怎么解决

https://github.com/vuejs-templates/webpack 下载之后,解压到本地用户目录下的.vue-templates目录下。 vue init webpack my-login-library 命令的时候,需要带上参数--offline表示离线初始化 ......