模版 语法vue3 vue
第十九篇 - Vue如何通过session记住User
登录成功后前端存储user对象 window.sessionStorage.setItem("currentuser", JSON.stringify(successResponse.data.data.user)) 前端script中使用user对象中的值 JSON.parse(sessionSt ......
MarkDown常用语法-231012
标题 # 一级标题 ## 二级标题 ### 三级标题 …… 字体样式 斜体 粗体 粗斜体 清除线 引用 小于号表示引用 图片 超链接 博客园链接 列表 有序列表 有序列表1 有序列表2 无序列表 无序列表1 无序列表2 …… 代码 ......
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运行打包后的项 ......
Vue响应式
目录Vue中的响应式对象独立的响应式值计算变量监听响应式变量setup方法 Vue中的响应式对象 Vue3允许在setup()中定义组件需要的数据和方法, 通过return在模板中可以直接使用 reactive方法 <body> <div id = "Application"> </div> <sc ......
软件测试|深入理解SQL RIGHT JOIN:语法、用法及示例解析
引言 在SQL中,JOIN是一种重要的操作,用于将两个或多个表中的数据关联在一起。SQL提供了多种JOIN类型,其中之一是RIGHT JOIN。RIGHT JOIN用于从右表中选择所有记录,并将其与左表中匹配的记录组合在一起。本文将深入探讨SQL RIGHT JOIN的语法、用法以及通过实例解析来说 ......
软件测试|深入理解SQL FULL JOIN:语法、用法及示例解析
简介 在SQL中,JOIN是一个强大的操作,它允许将两个或多个表中的数据进行关联。SQL提供了多种JOIN类型,其中之一是FULL JOIN。FULL JOIN允许从左表和右表中选择所有记录,并将它们组合在一起。本文将深入探讨SQL FULL JOIN的语法、用法,并通过实例解析来说明其作用。 FU ......
vue框架,input相同标签如何定位-label定位
一、问题提出: 后台前端框架改版,之前是angularjs,现在用vue,导致input标签定位失败,只能定位到第一个input标签,查看后台源代码发现这两个标签是一模一样,如下图: 二、问题思考过程 1.为什么以前的版本可以定位成功,而现在的就定位不了啦 查阅之前版本的这部分定位代码,发现原来的框 ......
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 ......
vue3+vite import 引入ThreeBSP库 报错
我在网上查了一下 先用 npm 下载了三方包 npm i three-js-csg 再使用 const ThreeBSP = require('three-js-csg')(THREE) 的方法引入 出现了这个报错 查了是因为require 是webpack 里的 vite不支持 所以找不到 然后我 ......
ES6语法新特性2
数组扩展 Array.from Array.from方法用于将两类对象转为真正的数组: 类似数组的对象(array-like object)和可遍历(iterable)的对象(包括 ES6 新增的数据结构 Set 和 Map) function add(){ // [1, 2, 3] 获取参数转化为 ......
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一致 ......
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 ......
将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 ......
Vue-父组件监听子组件的生命周期
egg:父组件监听子组件挂载并做对应的逻辑处理 1.在子组件中通过this.$emit触发父组件的事件 // Parent.vue <Child @mounted="doSomething"/> doSomething() { console.log('doSomething'); } // Chi ......
Vue实现a标签点击打开新页面但不触发路由跳转的效果
概要 对于一个a标签,原生效果有点击直接当前页跳转路由,按键(windows为ctrl,ios为command)+ 点击打开路由的新页面这两种效果 注意,第一种效果是a标签自带的,第二种效果是浏览器的行为。 如图为普通a标签和部分属性,点击跳转新路由/newapi,当然同时也会触发newUrl函数 ......
Protobuf语法
Protocol Buffers(protobuf)是一种语言无关,平台无关,可扩展的用于序列化结构化数据的方式——类似XML,但比XML更灵活,更高效。 使用protobuf语法编写xxx.proto文件,然后将其编译成可供特定语言识别和使用的代码文件,供程序调用,这是protobuf的基本工作原 ......
Markdown 语法:高级技巧
Markdown 高级技巧 支持的 HTML 元素 不在 Markdown 涵盖范围之内的标签,多可以直接在文档里面用 HTML 撰写。 目前支持的 HTML 标签有 <kbd>,<b>,<i>,<em>,<sup>,<sub>,<br>,<hr> 等,如 使用 <kbd>Ctrl</kbd>+<k ......
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 ......
babel在vue项目中使用(vue兼容)
https://blog.csdn.net/qq_37493515/article/details/118628968 一、vue-cli创建babel1、在用脚手架创建项目时,可以选择babel直接创建一般情况下是默认配置,直接使用就可以了 二、单独引入babel(直接修改package.json ......
Vue组件通信 父子通信
![](https://img2023.cnblogs.com/blog/2908001/202310/2908001-20231011014517927-1524444392.png) ![](https://img2023.cnblogs.com/blog/2908001/202310/2908... ......