模版 语法vue3 vue
我与Vue.js 2.x 的七年之痒
——过去日子的回顾（这是个副标题） ——其实这是篇广告软文（这是个副副标题） 以下是一些牢骚和感悟，不感兴趣的可以滑倒最下面，嘻嘻。 每每回忆起从前，就感觉时间飞逝，真切的感受到了那种课本中描述的白驹过隙。和很多人发生的，经历的很多事情，就好像昨天一样，但是仔细的思索一番，早已时隔多年，恍然如昨。 ......
不使用构建工具的vue组件书写方式
将vue组件转换为普通的js文件（IIFE） 先写个简单的component export default { data() { return { count: 0 } }, template: `<button @click="count++">You clicked me {{ count }} ......
Spring @ConfigurationProperties Yaml语法配置List和Map：List<String>、List<Obj>、List<List<Obj>>、Map<String,String>、Map<String,List<String>>、Map<String,Obj>、Map<String,List<Obj>>
yaml语法 数据结构可以用类似大纲的缩排方式呈现，结构通过缩进来表示，连续的项目通过减号“-”来表示，map结构里面的key/value对用冒号“:”来分隔。 例子： 配置类 YmalConfig： import cn.hutool.json.JSONUtil; import lombok.Dat ......
vue3+ts 禁止文本框自动填充内容
如果 `<input>` 元素的 `autocomplete` 属性设置为 `"off"` 但并没有起作用，这可能是因为不同浏览器对此属性的实现方式存在一些差异。 为了更可靠地禁用自动填充功能，你可以尝试以下解决方案之一： 1. 添加 `autocomplete="new-password"` 属性 ......
vue 中的provide和inject用法。
provide和inject 可以用作vue组件的通讯-父子/跨级 provide 选项应该是一个对象或返回一个对象的函数。该对象包含可注入其子孙的 property。 inject 选项应该是： 一个字符串数组，或 一个对象，对象的 key 是本地的绑定名，value 是： 在可用的注入内容中搜索 ......
VIte+Vue3 打包在本地 双击 index.html 打开项目
npm i @vitejs/plugin-legacy npm i @babel/preset-env npm i terser import legacy from '@vitejs/plugin-legacy'; export default defineConfig({ base:"./", ......
Vue+ElementUI 下拉框问题的一个解决方案
Vue使用ElementUI使用下拉框组件时，点击空白处，无法隐藏展开的选项。build项目后，此类问题时有时无，不确定；具体报错如图 ......
vue中的路由守卫
摘要："路由守卫" 是前端开发框架中使用的术语，特别是在 Vue中。是一种导航控制机制，用来决定一个路由是否可以被访问、是否可以离开当前路由，或者在路由变化时做一些额外的操作。 路由守卫主要用于权限验证、数据预加载、页面状态保存等场景。 常常见于登录系统后，不会再后退跳转到登录页面。 类型： 全局守 ......
31-Vue脚手架-scoped样式
我们先思考一个问题，如果对School 和 Student应用样式的话，一般是使用如下方式： src/components/School.vue <template> <div class="demo"> <h2>学校名称：{{name}}</h2> <h2>学校地址：{{address}}</h2 ......
30-Vue脚手架-plugin插件
plugin插件 功能：用于增强Vue 本质：包含install方法的一个对象，install的第一个参数是Vue，第二个以后的参数是插件使用者传递的数据。 src/plugins.js（定义插件） // 定义插件(默认暴露) export default { install(Vue){ conso ......
[Vue]条件渲染
1.v-if 写法: (1) v-if="表达式" (2) v-else-if="表达式" (3) v-else="表达式" 适用于:切换频率较低的场景。 特点: 不展示的DOM元素直接被移除。 注意: v-if可以和v-else-if、v-else一起使用，但要求结构不能被“打断”。 2.v-sh ......
Mybatis代码生成——velocity模板语法
velocity模板其实就是java不分语法的翻译，用到的属性还是java的方法，get，set，等 1.截取部分字段substring 复制代码 1 原始字符串：$!ag.tagValue，也许很长，前端页面展示时需要截取字符串。 2 #set($str=$!ag.tagValue) 3 4 #i ......
Vue 3 中用组合式函数和 Shared Worker 实现后台分片上传（带哈希计算）
01. 背景 最近项目需求里有个文件上传功能，而客户需求里的文件基本上是比较大的，基本上得有 1 GiB 以上的大小，而上传大文件尤其是读大文件，可能会造成卡 UI 或者说点不动的问题。而用后台的 Worker 去实现是一个比较不错的解决办法。 02. 原理讲解 02.01. Shared Work ......
ruby实战手册(13）-vue 3（4）
目录全局构建 全局构建 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>learn js</title> <base href="/"> <link href="styles/style.css" rel=" ......
OpenTiny Vue 3.11.0 发布：增加富文本、ColorPicker等4个新组件，迎来了贡献者大爆发！
本次 3.11.0 版本主要增加以下新组件：
- RichTextEditor 富文本编辑器组件 - by [Caesar-ch](https://github.com/Caesar-ch)
- ColorPicker 颜色选择器组件 - by [GaoNeng-wWw](https://gith... ......
学习Java的第一天 Markdown 语法
Markdown学习 标题： 一级标题# + 标题名字 二级标题## + ..... 以此类推 二级标题 三级标题 字体 Hello，World！ 粗体 字体前后两个** Hello，World！ 斜体 字体前面一个* Hello，World！ 又粗又斜 字体前后三个*** Hello，Worl ......
vue打印浏览器页面功能的两种实现方法
目录 方法一：通过npm 安装插件 方法二：手动下载插件到本地 总结 推荐使用方法二 方法一：通过npm 安装插件 1，安装 npm install vue-print-nb --save 2，引入 安装好以后在main.js文件中引入 1 import Print from 'vue-print- ......
vue3中关于pinia及其持久化插件的使用
pinia是一个vue中的插件，功能是一个仓库，用来存放数据。当我们的数据在多个组件中都需要用到的时候，如果一个个向后端获取就会很麻烦。数据获取一次存放在pinia仓库中，用起来就会非常方便还减轻服务器压力。pinia官网：https://pinia.vuejs.org/zh/ ，也可以在vue的生 ......
JavaScript的基础语法和数据类型
一、什么是JavaScript JavaScript是用于实现用户交互、动态控制文档的外观和内容,动态控制浏览器操作、创建cookies等网页行为的跨平台、跨浏览器的由浏览器解释执行的客户端脚本语言 二、JavaScript的三种引入方式 1、引入.js后缀的文件，注意一般外部引入js的文件，放在b ......
vue处理文件流实现上传下载
1.文件流转base64 axios({ method: "post", url: "************", responseType: "blob", //必须将返回数据格式更改为 blob 格式 }).then(res => { // 处理返回的文件流数据转为blob对象 let blob ......
C语言语法（复习专用）
普通分隔符： 分号「 ; 」：语句结尾 大括号「 { } 」：函数体，复合语句以及数组的初始化等； 圆括号「 () 」：函数定义时用来括住参数，或者用来修改运算顺序， 比如：(a + 1) 2 和 a + (1 2) 方括号「 [] 」定义数组类型和应用元素，比如: int a10; b = a3; ......
问题：vue3 使用 vite 构建的项目打包后无法打开index.html文件，或者显示一片空白
一、问题描述 项目build之后，点击dist文件中的index.html文件，打开是空白，提示以下信息。 二、产生原因及解决方法 1.文件路径不对 vite默认根目录"/"，file://…访问需要基于index.html的路径，需要再vit.config.js中进行以下配置 2.跨域问题 vit ......
go.mod文件中的replace语法
例子 module service_push_server go 1.13 require ( // 一定要记得在上面require里面加上，否则代码里面还是没办法用！ git.enerjoy.fun/common/module_httpexpect_test/v2 v2.1.0-beta.3 gi ......
vue3实现前端导出Excel，默认与自定义表头中文名
参考：https://blog.csdn.net/weixin_46112225/article/details/125302036 一、依赖安装 package.json文件中（版本号其实应该可以不限制，用最新的是OK的） "dependencies": { ... "xlsx": "^0.16. ......
Vue3 模版常用语法
一、背景 二、实现 仅支持表达式 {{ ok ? 'YES' : 'NO' }} {{ message.split('').reverse().join('') }} {{ author.books.length > 0 ? 'Yes' : 'No' }} <div :id="`list-${id} ......
Vue3 computed 计算属性函数使用
Vue3 computed 计算属性函数使用 computed函数在vue2中我们都了解过，当我们需要一个值，这个值随着其他值变化而变化，我们就将其放进computed中，computed是用来定义计算属性的。 1. 基本使用：只读 <template> <div> <div>计算属性</div> ......
Vue3 子组件修改父组件传过来的值
Vue3 子组件修改父组件传过来的值 1、在父组件中，找到引用的子组件，在引用中加入v-model 例如：子组件是demo,需要穿的值为num 这个有个温馨提示，（v-model +冒号+需要穿的值）这个v-model可以写多个 <demo v-model:num="num"></demo> //例 ......
vue中实现上传 ，下载功能
上传功能（包括上传图片，上传文件）使用 element 组件库 https://element.eleme.cn/#/zh-CN/component/upload <el-upload class="avatar-uploader" :disabled="isUpload" action="" :s ......