源码extend vue
vue cli2 3 4使用lib-flexible px2rem完美解决移动端适配问题
安装 lib-flexible $npm install lib-flexible --save lib-fiexble, lib-flexible会自动在html的head中添加一个meta name="viewport"的标签，同时会自动设置html的font-size为屏幕宽度除以10，也就是 ......
vue动态引入组件
vue动态引入组件，正常情况是页面渲染时动态加载该页面组件，还能进行细化动态加载情况，比如弹窗组件 动态导入：除了路由懒加载，你还可以在其他地方使用动态导入来按需加载组件。例如，在某个按钮的点击事件中异步加载一个组件： import('./components/MyComponent.vue').t ......
Vue生命周期
Vue生命周期 什么是Vue生命周期 指的是Vue从创建到销毁整个过程 在官网中这样说到"每个 Vue 组件实例在创建时都需要经历一系列的初始化步骤"以及"在此过程中，它也会运行被称为生命周期钩子的函数，让开发者有机会在特定阶段运行自己的代码。" 官网图示如下 Vue生命周期函数 初始化显示 bef ......
Vue学习笔记（九）：组件化编程
1 什么是组件¶ 当页面功能十分复杂时，将页面各功能化整为零，拆分成多个不同的小部分，这样便于分析，也有利于代码的复用，在vue中，我们将划分后的每个小部分称为组件。组件化是vue里面最强的功能，可以扩展html，封装重用的代码。在使用vue时，我们可以将一个完整的页面拆分为多个组件，每个组件都用于 ......
第十九篇 - Vue如何通过session记住User
登录成功后前端存储user对象 window.sessionStorage.setItem("currentuser", JSON.stringify(successResponse.data.data.user)) 前端script中使用user对象中的值 JSON.parse(sessionSt ......
2.前端框架(Vue)
前端框架(Vue) Vue 概念; vue是一套前端框架，免除原生JavaScript中的DOM操作，简化书写； 基于MVVM(Model-View-ViewModel)思想，实现数据的双向绑定，将编程的关注点放在数据上； 官网：https://v2.vuejs.org/ 框架：是一个半成品软件，是 ......
讲述vue中data值都有哪些，如何调用
讲述vue中data值都有哪些，如何调用 1,字符串 2，对象 3，函数 4，数字 <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> < ......
vue项目打包，解决静态资源无法加载和路由加载无效(404)问题
打包后的项目静态资源无法使用，导致页面空白 静态资源无法使用，那就说明项目打包后，图片和其他静态资源文件相对路径不对，此时找到config里面的index.js，在build模块下加入assetsPublicPath: './', 如下图所示， 在History模式下配合使用nginx运行打包后的项 ......
javaweb第7章源码
javaweb第7章源码: 下载链接：https://wwpv.lanzoue.com/iurOS1bijocb 文件结构： CHAPTER07 │ .classpath │ .project │ ├─.settings │ .jsdtscope │ org.eclipse.jdt.core.pre ......
Vue响应式
目录Vue中的响应式对象独立的响应式值计算变量监听响应式变量setup方法 Vue中的响应式对象 Vue3允许在setup()中定义组件需要的数据和方法, 通过return在模板中可以直接使用 reactive方法 <body> <div id = "Application"> </div> <sc ......
vue框架，input相同标签如何定位-label定位
一、问题提出： 后台前端框架改版，之前是angularjs，现在用vue，导致input标签定位失败，只能定位到第一个input标签，查看后台源代码发现这两个标签是一模一样，如下图： 二、问题思考过程 1.为什么以前的版本可以定位成功，而现在的就定位不了啦 查阅之前版本的这部分定位代码，发现原来的框 ......
OpenJDK17-JVM源码阅读-ZGC-并发标记
1、ZGC简介 1.1 介绍 ZGC 是一款低延迟的垃圾回收器，是 Java 垃圾收集技术的最前沿，理解了 ZGC，那么便可以说理解了 java 最前沿的垃圾收集技术。 从 JDK11 中作为试验特性推出以来，ZGC 一直在不停地发展中。 从 JDK14 开始，ZGC 开始支持 Windows。 在 ......
Vue 路由——重定向
问题描述：网页打开，url 默认是 / 路径，未匹配到组件时，会出现空白 解决：重定向 → 匹配 path 后，强制跳转 path 路径 语法：{ path : 匹配路径 , redirect : 重定向到的路径 } const router = new VueRouter({ routes: [ ......
学习归纳 | 关于java后端+vue前端+app端 | 学生初入工作
1.工作感受 首先，目前所作工作主要就是看懂前人的代码，并且修改一些bug，由于对方不在维护，交由我部门进行维护。 个人所学浅薄，有许多技术知识需要学习，上学期间做的东西真是非常不成熟，所用技术栈也非常少。 纸上得来终觉浅，绝知此事要躬行。看再多开发文档，不如实际去写项目。 很多知识，学的很多，但用 ......
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 ......
问题记录贴：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 ......
Vue 生命周期
Vue 生命周期 Vue 生命周期指的是 Vue 实例从创建到销毁整个过程 Vue 生命周期函数 Vue 生命周期函数（或生命周期回调函数、生命周期钩子）指的是在 Vue 生命周期的特定关键时间点被 Vue 自动调用的一些特殊函数 注意事项 生命周期函数的名字不可更改，但函数的具体内容是程序员根据需 ......
Vue: keep-alive的使用
作用： 组件切换时保持组件状态不被销毁 属性： include——包括：值为字符串或正则表达式或数组；指定的组件被缓存 exclude——不包括：值为字符串或正则表达式或数组；指定的组件不被缓存 exclude优先级高于include 用法： <keep-alive include="home,ab ......
表单验证案例（附源码）
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>用户注册</tit ......
视频直播源码，AndroidStudio登录页面的切换
视频直播源码，AndroidStudio登录页面的切换 xml代码 <?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xml ......
视频直播app源码，发送验证码 验证码识别
视频直播app源码，发送验证码 验证码识别 <?php //phone: 13255445454 //{"code":200,"msg":"成功","data":{"exist":false,"hasMobile":false,"userId":"11120003","accessToken":"0 ......
vue3+vite import 引入ThreeBSP库 报错
我在网上查了一下 先用 npm 下载了三方包 npm i three-js-csg 再使用 const ThreeBSP = require('three-js-csg')(THREE) 的方法引入 出现了这个报错 查了是因为require 是webpack 里的 vite不支持 所以找不到 然后我 ......
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一致 ......
NEXTCLOUD开发文档学习笔记－之加载源码
VSCODE打开NEXTCLOUD源码时，因为DOCKERFILE里面有一条安装nvm的命令，而安装NVM需要从国外下载Install.sh,受国内网络环境影响，执行“curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.0/inst ......
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 ......
Vue3 + Electron
https://www.electronjs.org/ https://www.electron.build/ 1. 创建一个vue3项目 可参考之前的笔记 2. 安装Electron $ npm install electron -D $ npm install vite-plugin-elect ......
Vue3常用库安装
目录Pinia引入使用Element Plus安装完整引入Volar支持按需导入-自动导入unocss&Icon安装unocss安装Icon库使用动态引用图标Iconify安装使用 Pinia 引入 // main.ts import { createPinia, type PiniaPluginC ......
Vue-父组件监听子组件的生命周期
egg:父组件监听子组件挂载并做对应的逻辑处理 1.在子组件中通过this.$emit触发父组件的事件 // Parent.vue <Child @mounted="doSomething"/> doSomething() { console.log('doSomething'); } // Chi ......
将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 ......