模版 语法vue3 vue
vue深度选择器 /deep/ ::v-deep >>>的使用
css中通常会在 style 标签内添加 scoped 来避免父组件对子组件的影响，添加了之后只能修改当前组件的样式。 这样做的原理是通过在打包的时候给每个样式都添加一个独一无二的hash值，从而避免父组件对子组件的样式的影响。 如果去掉scoped的话就会影响全局样式，但是加上scoped又不能在 ......
解决vue不规则空格的方法
问题描述： 就是有时候会报这个错误：Irregular whitespace not allowed 或者出现报老多warning,说你的代码不规则 解决问题 一、在 package.json中添加 { "name": "system", "version": "0.1.0", "private": ......
Vue.js element-ui
基本使用视频 按需引入视频 7.1移动端常用UI组件库 Vant https://youzan.github.io/vant Cube UI https://didi.github.io/cube-ui Mint UI http://mint-ui.github.io 7.2PC端常用UI组件库. ......
Vue.js history模式与hash模式
视频 13.路由器的两种工作模式 对于一个url来说，什么是hash值？—— #及其后面的内容就是hash值。 hash值不会包含在 HTTP 请求中，即：hash值不会带给服务器。 hash模式： 地址中永远带着#号，不美观 。 若以后将地址通过第三方手机app分享，若app校验严格，则地址会被标 ......
verilog语法+ _
1.用处这两个应该算是运算符，运用在多位的变量中，如下：slv_reg0[(byte_index8) +: 8] <= S_AXI_WDATA[(byte_index8) +: 8]； 2."+:"变量[起始地址 +: 数据位宽] <–等价于–> 变量[(起始地址+数据位宽-1)：起始地址] dat ......
vue项目中在 index.html 中如何使用 process 变量参数
在标签使用 <script type="text/javascript" src="<%= process.env.VUE_APP_APK %>" ></script> 1.在环境文件中定义变量必须要以 VUE_APP_ 开头 2.必须要用 <%= %> 包裹 3.注意修改完环境变量文件,需要重启项 ......
Vite-Admin后台管理系统|vite4+vue3+pinia前端后台框架实例
基于vite4.x+vue3+pinia前端后台管理系统解决方案ViteAdmin。 前段时间分享了一篇vue3自研pc端UI组件库VEPlus。这次带来最新开发的基于vite4+vue3+pinia技术栈搭配ve-plus组件库构建的中后台权限管理系统框架。支持vue-i18n国际化多语言、动态路 ......
Emmet语法
快速生成HTML结构 1.生成标签 直接输入标签名按tab键即可 比如 div 然后tab键，就可以生成<div></div> 2.如果想要生成多个相同标签 加上就可以了比如 div3 就可以快速生成3个div 3.如果有父子级关系的标签，可以用>比如 ul>+li就可以了 4.如果有兄弟关系的标签 ......
vue2源码-四、解析模板参数
解析模板参数 前言 在vue中，vue的初始化流程中，会做两件事： 状态初始化：实现数据的响应式 将数据挂载到页面上 因此后面就要实现将数据挂载到页面上。 export function initMixin(Vue) { Vue.prototype._init = function (options ......
cookies、sessionStorage与localStorage在Vue中的使用
简介 cookies 临时存储在客户端中，并且有过期事件，到过期时间会被自动清理。 sessionStorage 临时存储在客户端中，关闭浏览器后就会清空。 localStorage 永久存储在客户端中，只有在清空缓存或手工删除或代码删除后才会清空。 localStorage的使用 语法 // 将值 ......
vue3微信公众号商城项目实战系列（1）开发环境准备
项目忙完，这次上新，写一个前端系列，采用vue3来开发一个微信公众号商城。 前言： 1. 微信公众号商城本质也是一个网站，由一个个网页组成，只不过这些网页运行在手机端，能响应手指的点击、长按、拖拽等操作。 2. 既然是网页，当然可以用3件套（js+html+css）来写，但象vue这样的前端框架比3 ......
使用vue+bpmn-js实现activiti的流程设计器__Vue.js
https://www.vue-js.com/topic/5f6c4af84590fe0031e591ef 完整代码见github：https://github.com/griabcrh/vue-activiti-demo 适配activiti import activitiModdleDescri ......
Kibana查询语法使用手册【转】
阅读目录 全文搜索 按字段搜索 通配符搜索 匹配单一字符 匹配任意多个字符 范围搜索 布尔搜索 分组搜索 转义特殊字符 速查全文搜索在搜索栏输入login，会返回所有字段值中包含login的文档使用双引号包起来作为一个短语搜索 "like Gecko" 也可以按页面左侧显示的字段搜索限定字段全文搜索 ......
5、Markdown 引用语法
Markdown 引用语法 要创建块引用，请在段落前添加一个 > 符号。 > Dorothy followed her through many of the beautiful rooms in her castle. 渲染效果如下所示： Dorothy followed her through ......
6、Markdown 列表语法
Markdown 列表语法 可以将多个条目组织成有序或无序列表。 有序列表 要创建有序列表，请在每个列表项前添加数字并紧跟一个英文句点。数字不必按数学顺序排列，但是列表应当以数字 1 起始。 | Markdown语法 | HTML | 预览效果 | | | | | | 1. First item<b ......
4、Markdown 强调语法
Markdown 强调语法 通过将文本设置为粗体或斜体来强调其重要性。 粗体（Bold） 要加粗文本，请在单词或短语的前后各添加两个星号（asterisks）或下划线（underscores）。如需加粗一个单词或短语的中间部分用以表示强调的话，请在要加粗部分的两侧各添加两个星号（asterisks） ......
vue上传文件显示进度条，当上传完成后间隔一秒进度条消失
<template> <el-upload class="avatar-uploader" action="api/file/upload" :show-file-list="false" :before-upload="beforeAvatarUpload" :on-progress="handl ......
Vue样式组件库
常用样式库 常用的Vue样式库如下 |组件库|说明|地址| |-|-|-| |element|目前只支持到vue2.x版本，不再更新|https://element.eleme.cn/#/zh-CN| |element-plus|样式与element相同，开发都为了在vue3.x版本中使用而升级|h ......
vue 中内置的特殊 Attributes中key的使用
谈到key, 我们通常是在v-for循环中使用key，如官网示例如下： 其实、在某些场景下，我们也需要手动进行修改key，然后来重新刷新dom。大概场景描述就是--数据变化了，但是dom没有更新。 比如其他场景： 1、echarts 数据变了，但是dom没有更新，这就需要手动刷新。 2、屏幕大小变化 ......
Vue之插件的使用
作用 vue的插件的作用就是为了增强Vue，比如router，比如Vuex 本质就是包含install方法的一个对象，install的第一个参数是vue，第二个及之后的参数是使用都要传递的数据，插件对象中的install方法会被vue自动调用。 使用 在Vue项目的src目录中创建目录plugins ......
vue table 里面 slot 的模板复用 slot-scope template v-for
vue table 里面 slot 的模板复用 slot-scope template v-for 需求 经常在table里面要有自定义列，但是会有相同的自定义列，这个时候又不想写很多一样的template，就可以用这种方式 代码 <template :slot="slotName" v-for=" ......
狂神Vue笔记
1. 前端核心分析 1.1 Vue 概述 Vue (读音/vju/, 类似于view)是一套用于构建用户界面的渐进式框架，发布于2014年2月。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库(如: vue-router: 跳转， ......
uniapp使用vue3 setup
引入 uniapp 页面声明周期 <script setup> // 重点 import { ref } from 'vue' let index = ref("11"); onShow(() => { index.value = "22"; }); </script> ......
在Django+Vue3+GraphQL的Blog例子代码中引入Element-Plus UI Framework
Vue3的UI Framework中有Element-Plus、BalmUI、Quasar、PrimeVue、Ant Design Vue等UI Framework. Element-Plus是Element-UI的Vue3版,Element-UI的使用人数的基数较大,Github上的Star数也较 ......
Vue之混入对象mixin
简介 可以把多个组件共用的配置提取成一个混入对象。比如有两个组件，两个组件中有部分共同的内容，比如同样的变量，同样的函数等。这时候可以把这些共用的提取出来做成混入对象。 局部使用 在src目录中创建一个目录，我这里的目录名称就为mixin 在mixin目录中创建一个js文件，为了方便导入，所以创建的 ......
用quasar+vue3+组合式api VueRouter实现路由嵌套（二级路由）
前言： 本项目使用的是quasar创建，vue3的组合式api语法。部分语法不同，但不影响理解，修改语法后可以在vue2/选项式api项目中运行。 效果图： 文件目录结构和代码如下： 文中用到的标题栏数据如下： const titles = ref([ { name: "首页", path: "ho ......
VUE.JS和NODE.JS构建一个简易的前后端分离静态博客系统（四）
ClassicHeader <template> <header class="classic"> <div class="left"> <slot name="left"></slot> </div> <div class="right"> <slot name="right"></slot> < ......
CKEditor粘贴图片自动上传到服务器(VUE版)
由于工作需要必须将word文档内容粘贴到编辑器中使用 但发现word中的图片粘贴后变成了file:///xxxx.jpg这种内容，如果上传到服务器后其他人也访问不了，网上找了很多编辑器发现没有一个能直接解决这个问题 考虑到自己除了工作其他时间基本上不使用windows，因此打算使用nodejs来 ......
vue学习备忘
vue学习备忘 vue中!!、！=、== 、！==、 判断符号的用法等 ！可将变量转换成boolean类型，null、undefined和空字符串取反都为false，其余都为true。 可以总结出来，“！”是逻辑与运算，并且可以与任何变量进行逻辑与将其转化为布尔值，“!!”则是逻辑与的取反运算，尤其 ......
vue长按事件指令（v-longPress）
import type { Directive, App } from 'vue'; const longPress: Directive = { beforeMount: function (el, binding, vnode, prevVnode) { if (typeof binding.v ......