变量vue3 vue css
在Vue中，关于require与required
在 Vue 里面，是用 require 还是 required？始终拿捏不定，所以这里记录一下 图片是 require('@/xxx') props 里面是 required 表单验证里面是 required 总结：只有图片是 require，其它都是required ......
vue 项目npm run dev(启动)时报错The service was stopped
vue项目yarn upgrade后vite build报错，如何项目也运行不起来了。 报错截图： 解决办法： 删除node_modules文件夹，然后执行yarn install重新生成心的node_modules。 ......
复选框数据通过axios和Vue传输到servlet后台
引言 本来是想百度一下如何将table标签里面嵌入的复选框通过axios以及Vue传输到Servlet后台； 百度之后才发现，是我草率了，原来可以直接用复选框标签进行传输（好吧，又暴露了自己基础不扎实的事实......） 相关实现步骤 1、将相关的标签el-checkbox引入进去 这里我们需要引入 ......
vue2源码-六、根据render函数生成vnode
根据render函数生成vnode 上文介绍 上面已经将模板编译成了render函数，下面就要使用render函数，从而完成渲染的操作： 首先，根据render函数生成虚拟节点；然后根据虚拟节点+真实数据生成真实节点。 实现mountComponent方法，完成渲染 虚拟节点生成 封装vm._ren ......
vue按钮禁用
一个按钮的动态禁用设置是如此多坑 必须要用到prop、data prop来绑定其属性disabled，data是因为prop属性的内容不可改变。 <template> <div> <el-button type="success" size="small" @click="check">龟龟</el ......
前端学习笔记——Vue3组件间数值传递
依据个人的学习需求，对Vue官网中组件部分内容的搬运和总结，可用于参看，想详细了解Vue3这部分特性的可以直接参考官网内容：https://cn.vuejs.org props是一种特别的attributes，我们可以在组件上生命注册。比如：如果我们要传递给博客文章组建一个标题的话，我们则必须在该组 ......
vue-devtool
vue-devtool是使用vue必不可少的一个工具，他可以让你在开发vue项目的时候，实时展示页面上的变量。 1、下载 到github下载：https://github.com/vuejs/devtools 可使用git或者直接下载zip包 安装依赖，最好使用yarn，因为该项目使用yarn 这一 ......
vue3使用tinymce
第一种方法：通过使用key云端调用 安装@tinymce/tinymce-vue npm i @tinymce/tinymce-vue 去官网注册一个账号获取key，然后去https://www.tiny.cloud/get-tiny/language-packages/下载语言包，放在目录下的pu ......
vue3中使用axios
1、问题： 在vue2中axios通常是经过封装的后挂载使用的，来处理token及报错处理，比如 //main.js import ajax from '@/axios.js' Vue.prototype.ajax = ajax 在项目中使用也很方便this.ajax就行了，那vue3中是如何简单、 ......
tinymce封装成vue3组件
封装成组件 <script setup > import Editor from '@tinymce/tinymce-vue' //引入tinymce开启本地模式 import 'tinymce/tinymce' //引入图标和主题等 import 'tinymce/themes/silver/th ......
webpack处理环境变量
1、问题： 布置一个koa上传文件服务时，在线上报错，但是本地运行没问题 2、思路： 经检查是路径问题，项目上传服务器的时候经过webpack打包后，文件的上传的路径出现变化，这时需要本地和线上配置不同的路径，也就是说需要布置环境development和production 3、解决： 设置环境变量 ......
Vue3组件通信直接参考案例
https://juejin.cn/post/6999687348120190983#heading-7 Vue3 通信使用写法 1. props 用 props 传数据给子组件有两种方法，如下 方法一，setup() 方法写法 // Parent.vue 传送 <child :msg1="msg1 ......
vue中通过$emit实现子向父通信
本篇讨论vue中使用$emit实现子向父通信， 第一步：我们在父组件中注册子组件，然后再给子组件标签添加一个自定义事件监听，这样在子组件实例上就绑定了一个自定义的事件add。 后面如果触发add事件，那么就会执行addBtnClick函数。 1 <template> 2 <div> 3 <h1>当前 ......
vue做多选，传递数组类型到后端
1.需求：多选框选择多个类型，把选中的数据传递到后端 当初在做多选框，直接用了element-ui里面的el-check-box属性，在官网里面说，是使用v-modol绑定数值来传递，好嘛，，，传的一直是true！！不是我想要的数据，也是很久没使用vue框架了，做的时候很是怀疑自己，使用value来 ......
Vue2.0 学习 第三组 条件语句
本笔记主要参考菜鸟教程和官方文档编写。1.v-if在div或者之类的dom中使用v-if可以控制是否插入该dom，控制由v-if的true和false决定。如：<div id="app"><div v-if="test"></div> </div><script>new Vue({el:"#app" ......
shell(一) -- 变量作用领&命令替换&位置参数
变量作用域 num=10 #定义全局变量 export num #定义全局变量为环境变量 bash #进入子进程 exit #退出子进程 命令替换 begin_time=$(date) //系统时间赋值给begin_time参数 begin_time=$(date +%s) #系统时间戳，赋值给be ......
MYSQL 启动选项和系统变量
MySQL的服务器程序和客户端程序也有很多设置项，比如对于MySQL服务器程序，我们可以指定诸如允许同时连入的客户端数量、客户端和服务器通信方式、表的默认存储引擎、查询缓存的大小吧啦吧啦的设置项。对于MySQL客户端程序，我们之前已经见识过了，可以指定需要连接的服务器程序所在主机的主机名或IP地址、 ......
我的第一个项目(十) :处理全局变量(解决模块化后变量无法获取的问题)
好家伙, 飞机大战分包分的差不多了, 但是又出现了问题: 文件目录如下: 然而关于变量 helloworld.vue完整代码 <template> <div> <div ref="stage"></div> </div> </template> <script> // Award, // Bulle ......
CSS学习7（）
1. CSS三角 1.普通三角制作 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>CSS三角制作</title> <style> .box1 { width: 0; height: 0; border-to ......
vue2源码-五、将模板编译解析成AST语法树2
生成render函数 前言 上篇，生成ast语法树，而这篇使用ast语法树生成render函数。 export function compileToFunction(template) { // 1，将模板编译称为 AST 语法树 let ast = parserHTML(template); // ......
Vue3中（vite.config.js)配置打包的时候去除console.log
参考：https://www.cnblogs.com/lovewhatIlove/p/16476165.html 安装terser npm add -D terser vite中配置 import { defineConfig } from "vite"; import vue from "@vit ......
HTML+css
因为测试需要用到css的内容，所以开始系统学习css和js技术 css有id选择器，类选择器，可以组合，也可以单独分布 首先是基本的选择器 h1{ color: rebeccapurple; } /*类样式 class=*/ .f20{ font-size: 18px; } /*id样式 id=,n ......
Vue3中使用mitt事件总线
在utils下封装mitt.js import mitt from 'mitt' export default mitt() // mitt基本使用：https://juejin.cn/post/6973106775755063333 组件中引入mitt并使用 import mitt from '@ ......
3.Vue3.0 有什么更新
1.监测机制的改变 3.0 将带来基于代理 Proxy 的 observer 实现，提供全语言覆盖的反应性跟踪。消除了 Vue 2 当中基于 Object.defineProperty 的实现所存在的很多限制。 2.只能监测属性，不能监测对象 检测属性的添加和删除； 检测数组索引和长度的变更； 支持 ......
为何vs编译边出来的程序ebp-4存放的不是第一个局部变量？而是security_cookie——本质上就是存的随机数和ebp异或的值
探究security_cookie在程序中的作用 from:https://www.kn0sky.com/?p=66 学习环境：Windows 10 20H2 + Visual Studio 2019 前言 在学习看反汇编程序的时候，使用VS2019编译的release版本的程序里经常会出现__se ......
vue自定义密码输入框解决浏览器自动填充密码的问题
问题描述 浏览器对于type="password"的输入框会自动填充密码，但有时出于安全或者其他原因，我们不希望浏览器记住并自动填充密码。通过网上查到的一些解决方案，可以总结出以下几种解决方案(主要用edge浏览器进行测试)： 通过autocomplete="off"/autocomplete="n ......
Vue3组合API自动引入插件
插件名：unplugin-auto-import url：https://github.com/antfu/unplugin-auto-import 安装 1、下载插件 npm i unplugin-auto-import -D 2、配置vite.config.ts import vue from ......
vue-element-admin 动态菜单改造
vue-element-admin 动态菜单改造 vue-element-admin 是一款优秀后台前端解决方案，它基于 vue 和 element-ui实现。开源后台管理系统解决方案项目 Boot-admin的前端模块就是基于vue-element-admin开发而来。 作为一款纯前端的后台界面解 ......
vue 自定义季度选择器
1、效果 时间格式：2023-Q1 2、封装 quarter-picker.vue <template> <div class="quarter-picker"> <select class="year-select" v-model="year" @change="updateQuarter"> ......