变量vue3 vue css
vue 拖拽功能实现
前言 最新项目里使用到了拖拽的功能，查阅资料后，看到一篇关于拖拽的详细文章：https://www.cnblogs.com/xiaohuochai/p/5886618.html 基于此，记录下 vue 实现拖拽的过程，以下是编写的示例demo效果图： 设置拖拽时，需要拖拽的元素要设置 draggab ......
Vue设置默认加载页面，去掉地址栏#号
{ path: '/', component: Login,//想默认启动的页面}, mode:"history" //去掉地址栏的#号 ......
解决vue2.0路由 TypeError: Cannot read property 'matched' of undefined 的错误问题
找了很久这个问题 解决vue2.0路由 TypeError: Cannot read property 'matched' of undefined 的错误问题 - 北桥苏 - 博客园 (cnblogs.com) 解决办法 改为 问题解决 没有找到为什么 好像高版本的router没有这个问题 我因为 ......
Vue Typescript 引入文件接口，就无法使用withDefaults
就是代码写的不规范 报错写法 import {Setting} from '@element-plus/icons-vue' import { defineProps ,withDefaults } from 'vue' import {PiProject} from '@/types/Projec ......
vue3组合式API介绍
为什么要使用Composition API? 根据官方的说法，vue3.0的变化包括性能上的改进、更小的 bundle 体积、对 TypeScript 更好的支持、用于处理大规模用例的全新 API，全新的api指的就是本文主要要说的组合式api。 在 vue3 版本之前，我们复用组件（或者提取和重用 ......
vue3学习之axios、mockjs、nswag
axios、mockjs 安装 npm i --save axios npm i --save mockjs axios、mockjs使用 创建 src\api 目录 添加http.ts import axios from "axios"; let http = axios.create({ bas ......
变量、常量、作用域
变量、常量、作用域 变量 类变量 static 例：static double salary = 2500; 局部变量 例：int i = 10; 必须声明和初始化值 实例变量 例：String str = "Hello World!"; 常量 例：static final double PI = ......
vue计算属性、内容分发
计算属性可以想象为缓存 在调用方法时，每次都需要进行计算，既然有计算过程则必定产生系统开销，那如果这个结果时不经常变化的呢？此时就 可以考虑将这个结果缓存起来，采用计算属性可以很方便的做到这一点，计算属性的主要特性就是为了将不经常变化的计算结果进行缓存， 以节省我们的系统开销 计算属性一般写在com ......
Vue基础知识
模板语法 文本插值（text interpolation） 最基本的数据绑定形式，使用“Mustache”语法即{{...}} <span>Message:{{msg}}</span> {{}}中的值会被替换为相应组件实例中msg属性的值，且会同步地更新 原始HTML <p>Message:<spa ......
RuoYi-Vue 分离版 收获与总结
https://blog.csdn.net/qq_41965731/article/details/115241184 一、常量的定义 以下是阿里编码规约 二、图片的 base64 编码 https://blog.csdn.net/duola8789/article/details/78844431 ......
vue2源码-十二、mixin的使用和原理
mixin的使用和原理 使用： 可以通过 Vue.mixin 来实现逻辑的复用,问题在于数据来源不明确。声明的时候可能对导致命名冲突 vue3 采用的就是 compositionAPI 局部混入： var myMixin = { created: function () { this.hello() ......
HTML+CSS居然可以做时钟，太秀了吧
谁懂啊家人们，html+css居然可以做一个时钟出来，这么厉害的吗 咱这新手是啥也不懂啊，就会复制粘贴，反正是可以正常显示的 话不多说直接上代码，直接复制即可正常运行 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <me ......
Postcss css module 关注点分离
Postcss 简明教程 及 css module - 掘金 https://juejin.cn/post/6862371071115558926 PostCSS - 是一个用 JavaScript 工具和插件来转换 CSS 代码的工具 | PostCSS中文网 https://www.postcs ......
仿chatGPT或chatPDF的前端界面布局，css实现对话聊天布局代码，响应式左右分栏布局（附完整源代码）
chatPDF或者chatGPT的界面挺简洁的，就是一个左侧的列表以及右侧的对话列表，现在使用css实现这样的布局 充分运用了flex布局方式实现，左右分栏，以及对话形式展示效果 下面是效果图： 在手机设备看就隐藏左侧，右侧100%适应 下面就是html和css的布局代码 <style> .chat ......
vue-admin-template 如何添加快捷导航（标签导航栏）
前言 关于快捷导航(标签栏导航)在文档中确实有介绍，但是看完是一头雾水，不知道如何修改，不过文档最后给了一个移除的大致操作，从这里可以找到入手点 前期准备 vue-admin-template 项目代码 vue-element-admin 项目代码 操作流程 注：以下操作流程是按照自行摸索的操作顺序 ......
VUE3 里面使用 vuedraggable 兼容tag="transition"的问题
vue3的拖拽tag="transition"报的错误 TypeError: Cannot set properties of null (setting '__draggable_context') 安装拖拽的时候，使用命令 yarn add @marshallswain/vuedraggable ......
vue3中使用defineExpose报TS-2339
title: "vue3+ts使用defineExpose报TS:2339" date: 2022-12-29 19:32:44 tags: ["Vue", "踩坑记录"] categories: ["前端篇"] 开头先把错误贴上 src/hooks/usePageSearch.ts:9:27 TS ......
vue3+ts使用v-for出现unknown问题
title: vue3+ts使用v-for出现unknown问题 date: 2022-12-27 19:00:45 tags: ['Vue','踩坑记录'] categories: ["前端篇"] 最近在写项目时遇到了一个问题,当我从父组件向子组件传数据并且需要将子组件对传入的数据进行v-for循 ......
Vue(二)
2.组件 2.1.模块与组件 2.1.1.模块 可以向外提供某一个功能的js程序，一般为一个js文件 作用：js可以复用，可以简化js的编写，提高js的运行效率。 2.1.2.组件 实现某一个功能的效果代码集合，这个集合包含很多，比如html、css、js等 作用：复用编码，简化项目的编码，提高项目 ......
加密与解密x64逆向——变量、if和switch、循环语句
数据结构 主要是对局部变量，全局变量，数组等的识别。 1.局部变量 局部变量是函数内定义的变量，存放的内存区域称之为栈区。生命周期就是从函数进入到返回释放。 函数在入口处申请了预留栈空间和局部变量空间，也就是sub rsp，30h。局部变量空间在高地址。在应用程序被编译成release版本的时候，需 ......
shell参数的个数用什么变量，怎么表示上一个运行的结果？两个数字相加，用什么
Shell 参数的个数可以使用特定的变量来表示，即 $# 变量。这个变量表示传递给当前 shell 脚本或函数的参数个数。例如，如果调用一个 shell 脚本，并向其传递了 3 个参数，那么在这个脚本中 $# 的值将为 3。 上一个运行的结果可以使用 $? 变量来表示。这个变量记录上一次命令的返回值 ......
Vue JS项目 添加TypeScript
Vue JS项目 添加TypeScript 转载请注明来源 谢谢 git文件全部提交 必须全部提交 因为会改掉你的文件.很恶心. vue.config.js 添加下面内容 pages:{ index:{ entry:'src/main.js' } } 项目根目录运行 vue add typescri ......
vue：axios异步通讯
由于Ajax需要对dom进行频繁的操作 所以这里使用axios进行替代 首先放上所有代码 <body> <div id="vue"> {{info.name}} <a v-bind:href="info.url">点我</a> </div> <!-- 到入vue.js--> <script src= ......
css clear + bfc
问题： 没有设置div2的高度,为什么div1的高度 div2的高度，？ 解释： 当应用于浮动元素时，它将底部元素的外边界边缘移动到所有相关的浮动元素外边界边缘的下方。 <div style="float:left;clear: both"></div> 当应用于非浮动块时，它将非浮动块的边框边界移 ......
Vue-Routes
下载 npm i vue-router@x x为版本号 版本对应规则: vue@x == router@x+1 使用 一、创建应用路由器 在src中创建router/index.js目录 1、引入touter插件&&应用插件 import VueRouter from 'vue-touter'Vue ......
vue组件
vue组件实际上就是自定义标签 组件是vue可重复使用的实例 也就是说，当你定义好一个组件之后，你可以将其当做一个html的标签使用 <div id="app"> <br> <qinjiang></qinjiang> <br> </div> <div id="buttonnew"> <newbutt ......
vue-router解决警告：No match found for location with path "XXXXXXX"
使用vue-router时，在刷新页面时往往会出现这个警告： 这个问题产生的原因往往是因为vue在启动时，会校验当前页面的路由，而我们使用vue-router时，是在导航守卫中动态添加路由的，因此肯定找不到，而这个时候还没进入守卫，自然就会抛出这个警告了： 1、app.use(router) 2、r ......