事项vue cli 01

vue.use()详解

原文链接:https://blog.csdn.net/sunyctf/article/details/127706967 官网解释: 前言: 相信很多人在用 Vue 使用别人的组件时,会在在main.js中用到 Vue.use(xx) 。例如:Vue.use(VueRouter)、Vue.use(M ......
vue use

vue语法错误 + Promise错误 + js 错误,通过钉钉报警

一、背景: 为了使系统更加稳定,在用户使用期间,若发现异常,可及时应对,采取了“报警机制”。 通常“报警机制”分为2种,一种是后端对api监控及自定义监控,出现异常,通过钉钉或邮件的形式通知,第二种是前端对js语法,vue语法,自定义报错进行监控,以此来规范代码质量,保证系统预警 二、流程步骤 1. ......
错误 语法 Promise vue js

vue-router动态路由无限循环

// isLogined 用来判断用户是否已登录 router.beforeEach((to, from, next) => { if(isLogined){ next() }else{ console.log('测试') next('login') } }) next() 表示放行,直接进入to路 ......
路由 vue-router 动态 router vue

vue中使用sockjs

1,安装依赖 npm install sockjs-client --save npm install stompjs --save 2,使用混入封装 在src下创建mixins文件夹,然后创建sockjs.js文件 import SockJS from "sockjs-client"; impor ......
sockjs vue

Vue3 中的v-model实现父子组件数据同步通信

v-model在vue2中也就是双向绑定作用,但是在vue3中除了实现双向绑定外,还可以进行组件的通信父子组件的数据同步,接下来看看例子: <template> <h1>{{ num }}</h1> <child-event v-model="num"></child-event> </templa ......
父子 组件 v-model 数据 model

vue——qq音乐播放器(1) 左边导航栏样式的实现

实现结果: 左侧导航栏样式实现完整代码: 1 <template> 2 <!-- 左边导航条 --> 3 <div class="leftnav"> 4 <!-- logo --> 5 <div class="logo"></div> 6 <div class="my-scroll"> 7 <!-- ......
样式 播放器 音乐 vue

让C#调用vue组件里的方法

前言:web页面开发时采用的是vue开发的,后台语言是C# 需求:后台需要通过浏览器调用vue组件的方法 c# 可以调用xxx.html 中的script引用的js中定义的方法是可以调用的, 之前c#调用html中的script中的方法,是因为方法直接挂在全局的 <script> function ......
组件 方法 vue

如何在本地给 vue-router4 扩展功能?

### 背景 前段时间给基于 vue3 的 H5 项目做一些优化,该项目经常会有一些页面间的通信,譬如选择地址、乘机人等信息后回填到上一个页面。对于这种简单、频繁的通信,实在不想搞成**重火力**(eg:pinia)。最好让使用者用完即走,不用操心除业务逻辑之外的任何事情。 ### 路由控制页面通信 ......
vue-router 功能 router vue

Vue-Router路由模式

在Vue-Router中,有两种路由模式可供选择:hash模式和history模式。它们之间的主要区别在于URL的表现形式和对服务器的要求。 1、hash模式 定义:在hash模式下,URL会以一个#符号开头,后面跟随路由的路径。 例如:http://example.com/#/home。当URL的 ......
路由 Vue-Router 模式 Router Vue

tailwindcss 选型,以及vue配置

一、为什么选择tailwindcss? Tailwind CSS 是一个受欢迎的、功能丰富的CSS框架,它与传统的CSS框架(如Bootstrap)有些不同。以下是一些人们通常对于Tailwind CSS 的评价: 优点: 工具驱动的开发: Tailwind CSS 提供了一系列实用工具类,这些类可 ......
tailwindcss vue

vue watch 数组对象中用法

[{count:1,price:2},{count:2,price:3}] 如何通过监听里面count,price,每个对象中增加赋值totalprice字段 ``` Count: {{ item.count }}, Price: {{ item.price }}, Total Price: {{ ......
数组 对象 watch vue

vue3 - el-upload 组件 报错custom validator check failed for prop "percentage 解决

1.原因 文件列表的元素缺少 percentage 默认参数 查看组件源码 虽然加了语法糖,不影响使用,但是控制台还是会打印警告 2.解决 给个默认值即可 ......
percentage 组件 el-upload validator custom

day03 - 链表part01

203. 移除链表元素 /** * Definition for singly-linked list. * struct ListNode { * int val; * ListNode *next; * ListNode() : val(0), next(nullptr) {} * ListNo ......
part day 03 01

vue3+ts绘制二维码

界面展示 实现步骤 引入qrcode.vue npm i qrcode.vue 界面引入并使用 <template> <div> <el-row>二维码标签</el-row> <el-row :gutter="20"> <el-col :span="6"> <el-input v-model="co ......
vue3 vue ts

vue3+typescriot中的defineEmits(子组件向父组件传值)

以下是vue3中的子组件向父组件传值的简单demo 子组件: 父组件: <child-event @xxx="handler"></child-event> <script lang="ts" setup> import childEvent from "./childEvent.vue" cons ......
组件 defineEmits typescriot vue3 vue

01-测试用例的基本知识

测试用例 (Test Case) 是指对一项特定的软件产品进行测试任务的描述,体现测试方案、方法、技术和策略。为了某个目标而编制的一组数据测试输入,执行步骤以及预期结果的集合,以便测试某个程序路径或某个满足特定需求的功能。 测试用例的内容 用例编号:唯一的号码; 用例名称:要统一命名; 测试背景:测 ......
基本知识 知识 01

vue3+typescript中的props

以上是子组件 以上是父组件 <script setup langs="ts"> let props = defineProps(['info','money'])//父子组件的通信需要用到defineProps方法去接受父组件想要传递的数据 console.info(props) </script> ......
typescript props vue3 vue

使用Python做笔试编程题的注意事项

上研究生这一两年一直在用Python,习惯了Python的库函数。由于Java语法严格又比较复杂,容易扰乱算法思路,并且太久没用以前擅长的C++,最近笔试一直首选Python。Python在笔试编程题中具有简洁易读、易于操作和大量的库支持的优点。然而,需要注意Python的执行效率,否则只要题目卡边 ......
笔试 注意事项 事项 Python

Learn Git in 30 days——第 01 天:认识 Git 版本控制

写的非常好的一个Git系列文章,强烈推荐 原文链接:https://github.com/doggy8088/Learn-Git-in-30-days/tree/master/zh-cn 笔者使用 Subversion (SVN) 已经将近 10 年,从来都不觉得有任何必要换成其他版本控制平台,直到 ......
Git 版本 Learn days 30

01第一章逻辑判断之归因论证

### 01第一章逻辑判断之归因论证 ![image-20230814101519038](https://img2023.cnblogs.com/blog/1623071/202308/1623071-20230814101520710-1874970027.png) ![image-202308 ......
逻辑

vue2和vue3中插槽写法区别

#### 一、slot是什么 - 在HTML中 slot 元素 ,作为 Web Components 技术套件的一部分,是Web组件内的一个占位符。 - 该占位符可以在后期使用自己的标记语言填充。 (我们可以理解为solt在组件模板中占好了位置,当使用该组件标签时候,组件标签里面的内容就会自动填坑( ......
写法 vue vue2 vue3

从壹开始前后端开发【.Net6+Vue3】

# 项目名称:KeepGoing(继续前进) ## 1.1介绍 工作后,学习的脚步一直停停走走,希望可以以此项目为基础,可以不断的迫使自己不断的学习以及成长 将以Girvs框架为基础,从壹开始二次开发一个前后端管理框架 在这过程中一步步去学习使用到的技术点,也同时会将在此过程中遇到的问题进行分享 # ......
Net6 Vue3 Net Vue

vue3中watchEffect的作用和适用方法

# 前言 该文章是[Vue3好玩的API-watchEffect](https://www.bilibili.com/video/BV13Z4y1y7hQ/?spm_id_from=333.337.search-card.all.click "Vue3好玩的API-watchEffect")观后的记 ......
watchEffect 作用 方法 vue3 vue

《Java极简设计模式》第01章:单例模式(Singleton)

作者:冰河 星球:[http://m6z.cn/6aeFbs](http://m6z.cn/6aeFbs) 博客:[https://binghe.gitcode.host](https://binghe.gitcode.host) 文章汇总:[https://binghe.gitcode.host/ ......
模式 设计模式 Singleton Java

import.meta.globEager('./src/components/**/*.vue'); 遍历文件

main.js ``` const importAll = (modules) => { Object.keys(modules).forEach((key) => { const component = key.replace('/src/', '@/').replace('.vue', ''); ......
components globEager 文件 import 39

Vue3_Vite_kbnet.eap程序框架

一、准备 这篇文章本应该于2023年7月底发出来,在家里忙来忙去没顾得上,直到今天才有时间写这段文字。 原来web项目的开发是基于Vue2+Webpack+ElementUI技术栈,Vue官方也说了Vue2会支持到2023年12月31日,所以是时候升级技术了,于是就有了本篇文章内容Vue3+Vite ......
Vue3_Vite_kbnet 框架 程序 kbnet Vite

Spring Boot + Vue3前后端分离实战wiki知识库系统<十二>--用户管理&单点登录开发一

目标: 在上一次https://www.cnblogs.com/webor2006/p/17533745.html我们已经完成了文档管理的功能模块开发,接下来则开启新模块的学习 用户登录,这块还是有不少知识点值得学习的,先来看一下整体的效果,关于效果官网有一个体验地址:wiki.courseimoo ......
知识库 实战 知识 用户 Spring

【HIVE系列】01-HIVE 常用操作

title: 【HIVE系列】01-HIVE 常用操作 date: 2018-11-13 20:20:31 update: 2018-11-15 17:10:43 categories: - 大数据技术 - hive tags: [hive] >> 参考资料: https://blog.csdn.n ......
HIVE 常用 01

【web_逆向01】环境安装

## node.js环境安装 - 官网下载,直接下一步就行 ![](https://img2023.cnblogs.com/blog/1544134/202308/1544134-20230813165904433-477629405.png) - 安装后,在cmd环境,测试 ![](https:/ ......
环境 web

Auto-registering all your components in Vue 3 with Vite

Auto-registering all your components in Vue 3 with Vite #vue#vitejs#components Why auto-register components? I'm actually a big fan of manually import ......