eslint cli-plugin-eslint quot vue
Vue.js 纯Vue实现求和案例
纯Vue实现视频106 #纯Vue版本 ##components ###Count.vue <template> <div> <h1>当前求和为:{{sum}}</h1> <select v-model.number="n"> <!-- 收集到的是字符串类型, v-model.number="n"强 ......
Vue 核心(一)
Vue 核心(一) 一、 Vue 简介 1、 概述 Vue是一套用于==构建用户界面==的==渐进式== JavaScript 框架。 渐进式:Vue 可以自底向上逐层的应用。 简单应用:只需一个轻量小巧的核心库 复杂应用:可以引入各式各样的 Vue 插件 如果说是JQuery是手工作坊,那么Vue ......
Vue——initInjections【九】
前言 前面我们简单的了解了 vue 初始化时的一些大概的流程,这里我们详细的了解下具体的内容; 内容 这一块主要围绕init.ts中的initInjections进行剖析,初始化生命周期之后紧接着。 initInjections initInjections的方法位于scr/core/instanc ......
openSUSE 系统, 安装 "snapd" 软件包
简介 Snaps 是一种应用程序打包格式,可以在各种 Linux 发行版上运行,从而使软件安装变得更加简单和可靠。 安装 在 openSUSE 中启用 Snaps 支持需要安装“snapd”软件包。您可以使用以下命令安装它: sudo zypper install snapd ps: 如果没有提示没 ......
Vue中的this.$options.data()的this指向问题
项目里遇到一个问题,用this.$options.data()重置组件data时报错,原因是因为form里的rule规则采用了this写法。 如下: rules: { code: [this.$rules.required()], name: [this.$rules.required()], ag ......
Vue3
Vue3.0 Devtools6.5.0 开发者工具下载和安装 1、官网地址下载: GitHub - vuejs/devtools: ⚙️ Browser devtools extension for debugging Vue.js applications. 2、下载安装 ①找到其main下的T ......
javaweb-vue快速入门
资料来源于:B站尚硅谷JavaWeb教程(全新技术栈,全程实战) ,本人才疏学浅,记录笔记以供日后回顾 视频链接 知识点 Vue 前置条件:需要在项目中放入 vue.js文件 1) {{}} - 相当于innerText 2) v-bind:attr 绑定属性值。例如,v-bind:value - ......
vue3 移动端 实现树形结构 tree
实现效果: ) 版本号: 1、需求是支持全选功能,网上找了许多 这里做个记录 这里使用的是vue-virtual-tree 感觉作者写的很详细 可以跳转查看 git地址 2、使用方法 (1)npm i @ysx-libs/vue-virtual-tree (2)main.js中引入 import ' ......
DELL服务器iDRAC 8 无法启动虚拟控制台,提示"另存为",“viewerjnlp”
说明:最近刚搞了两台DELL 的服务器,iDRAC8 的版本是Enterprise,点击启动虚拟控制台网页让我下载文件。 因为我平时很少用到iDRAC,以前使用的iDRAC也都是供应商配置好了的,所以这次自己着手配置的时候有点摸不着头脑了。经过排查后终于找到了解决办法,在此分享下,同时也做个记录。 ......
vue keepAlive 三级菜单缓存
需求:缓存跨二级三级菜单。 原来项目是二级路由,现在增加一个层级。这种情况菜单展示是没有问题的,只是新的三级菜单不能缓存。 1.搭建框架 2.使用keepAlive --include <keep-alive :include="keepAliveList"> <router-view :key=" ......
为vue程序多环境部署设置动态路由
问题的提出 Vue前端+springboot后端的开发架构很普遍,一般最终以war的形式部署到tomcat中运行。 笔者在开发、测试、部署时,由于环境不一致,需要不断改变vue前端的配置,导致一些不必要的重复工作。具体见下表, 运行环境 web服务器 前端访问后端的路径 开发时 vue采用ide自带 ......
vue3+ts的toRef和toRefs用法
<template> <div> <h2>toRefs的使用</h2> <h3>姓名:{{ obj.name }}</h3> <h3>年龄:{{ obj.age }}</h3> <hr /> <h3>姓名:{{ name }}</h3> <h3>年龄:{{ age }}</h3> </div> </ ......
vue-router往router component传props如果是named-views的话必须为每个named-view都定义props
在ssr改造时发现往Index.vue传props死活传不了,组件是named-view。 { path: 'list/:page', meta: { isGoodsList: true }, components: { default: () => import('pages/Index.vue' ......
操作系统"UNIX外壳项目":简易命令行实现(执行命令+历史功能)
运行环境Ubuntu-Linux 代码如下: 1 #include <unistd.h> 2 #include <string.h> 3 #include <stdio.h> 4 #include <wait.h> 5 #include <stdlib.h> 6 #define MAX_LINE 8 ......
Vue2可以检测 引用数据类型 数组的响应式变化
在Vue2中,响应式基于Object.defineProperty实现的响应式,官方文档中明确说明 Vue 不能检测以下数组的变动: 当你利用索引直接设置一个数组项时,例如:vm.items[indexOfItem] = newValue 当你修改数组的长度时,例如:vm.items.length ......
Vue Hls m3u8 视频/直播
Hls m3u8 视频/直播 涉及知识:Vue hls m3u8 乐橙云 大华摄像头 Vue2 实时显示大华摄像头画面 安装依赖 "vue": "^2.6.11", "video.js": "^5.19.1 || ^6.2.0", "videojs-contrib-media-sources": " ......
from selenium.webdriver import DesiredCapabilities:DesiredCapabilities.CHROME["loggingPrefs"] = {'browser': 'ALL'}
https://blog.csdn.net/JZF2050/article/details/127965179 DesiredCapabilities.CHROME["loggingPrefs"] = {'browser': 'ALL'} from selenium.webdriver import ......
vue3中如何通过遍历传入组件名称动态创建多个component 组件
背景 在 vue3 中,如果使用 component,可以动态加载一个组件,例如 <!-- 直接创建 --> <component :is="Image" /> 这样会将已经定义好并导入的比如 Image 组件加载出来,但是如果将需要展示的自定义组件放在一个数组中,遍历展示,则无法展示成功。 <!- ......
直播app开发搭建,Vue如何绑定一个每两秒生成的随机数
直播app开发搭建,Vue如何绑定一个每两秒生成的随机数 1、封装范围内随机整数 // 把随机数公式进行封装// 1. 准备一个函数, 接受几个参数// 两个参数, 分别是 a 和 bfunction randomNum(a, b) { // 2. 判断一下两个数字的大小关系 var max = M ......
Vue之移动端viewport-vw适配
一、前置知识 vw:与视口的宽度有关,1vw 就是视口宽度的 1% vh:与视口的高度有关,1vh 就是视口高度的 1% vmin:与当下视口的宽度和高度的最小值有关,取值为 vw 和 vh 中较小的那个 vmax:与当下视口的宽度和高度的最大值有关,取值为 vw 和 vh 中较大的那个 vmin ......
从0搭建Vue3组件库(七):使用 glup 打包组件库并实现按需加载
使用 glup 打包组件库并实现按需加载 当我们使用 Vite 库模式打包的时候,vite 会将样式文件全部打包到同一个文件中,这样的话我们每次都要全量引入所有样式文件做不到按需引入的效果。所以打包的时候我们可以不让 vite 打包样式文件,样式文件将使用 gulp 进行打包。那么本篇文章将介绍如何 ......
Error message "error:0308010C:digital envelope routines::unsupported"
由于升级Nodejs版本造成的,一般创建项目时为16.7.0版本,然后安装或升级了更高版本,再进行run的时候,会提示。 Error message "error:0308010C:digital envelope routines::unsupported" 解决方法: 1. 降级nodejs的版 ......
Vue-示例
计数器 <div id="counter"> <button @click="subOne">-</button> <span>{{num}}</span> <button @click="addOne">+</button> </div> <script src="https://cdn.jsde ......
vue适配移动端
vue项目中 —— rem布局适配方案 Vant 中的样式默认使用 px 作为单位,如果需要使用 rem 单位,推荐使用以下两个工具: lib-flexible 用于设置 rem 基准值 postcss-pxtorem 是一款 postcss 插件,用于将单位转化为 rem 下面我们分别将这两个工具 ......
Vscode爆红,Delete `␍`eslint(prettier/prettier)错误的解决方法
一、问题 使用vscode学习nest.js的过程中,遇到了多处爆红,编辑器每行代码最后都出现了红色的波浪号。如图: 二、主要原因 通过度娘大力支持,最终在多种方法结合下解决了这些波浪线。源头都是因为安装了 Prettier 插件指定了文件的结尾换行符与系统不一致导致的。 Windows在换行的时候 ......
Vue中使用 vue-i18n 进行国际化支持
前端国际化学习 前端国际化是很多地方都能用到的,今天学习一下用 vue3 + vite + ts + vue-i18n 插件来开发前端国际化项目 安装插件 vue-i18n npm install vue-i18n 创建翻译文件 -在 src 目录下新增 lang 目录,存放多语言文件 -这里简单创 ......
vue前端导出excel
<template> <el-button style="float: right; margin: 10px" type="primary" @click="export2">导出</el-button> <!-- 导出表格 start--> <el-table class="tableExpor ......
野火代码详细解析#define EEPROM_INFO(fmt,arg...) printf("<<-EEPROM-INFO->> "fmt"\n",##arg)
这是一个C语言中的宏定义,它的作用是在输出信息时添加一个前缀"<<-EEPROM-INFO->>",方便在输出信息中区分不同的信息来源。其中,fmt是一个格式化字符串,arg是可变参数,用于替换格式化字符串中的占位符。这个宏定义中的"##"表示可变参数的省略号,它可以让宏定义在没有可变参数时也能正常 ......