教程npm vue

vue通过表格当中的数据渲染表格

<el-table-column label="审核状态" width="120"> <template slot-scope="scope"> <div v-if="scope.row.examStatus == 'false'">未审核</div> <div v-else>已审核</div> < ......
表格 数据 vue

小甲鱼Delphi教程37课《读写修改记录型文件》源码

说明:本程序用delphi10.4重写编写 一、最后效果 二、源码 1 unit Unit1; 2 3 interface 4 5 uses 6 Winapi.Windows, Winapi.Messages, System.SysUtils, System.Variants, System.Cla ......
甲鱼 源码 文件 教程 Delphi

手撕Vue-Router-知识储备

前言 本文是手写Vue-Router的第一篇,主要是对Vue-Router的知识储备,为后面的手写做准备。 那么 VueRouter 怎么实现呢?要想实现 VueRouter,首先要知道 VueRouter 它的本质是什么。 VueRouter 的本质 VueRoute 的本质是什么?VueRout ......
Vue-Router 知识 Router Vue

Vue的自定义指令

在使用自定义指令的标签写入v-'自定义指令名' <template> <div class="box" v-loading="loading"> </div> </template> export default { data () { return { loading:true } }, } 公共 ......
指令 Vue

香橙派3b无屏幕ssh连接教程

作为小白的我这几天买了个香橙派3b 经过这几天的折腾,终于进入了ssh终端(大喜 我买的是官店的8G,创客价299,连着一起买了一个闪迪的64gTF卡 简单总结一下搭建过程: 物理准备:一台电脑,香橙派与一张16G以上的tf卡,tf读卡器(一般会送)一根网线,type-c线 第一步:烧录ubuntu ......
香橙 屏幕 教程 ssh

磁力搜索引擎大全教程,如何使用磁力链接。

磁力链接是一种特殊的下载链接,磁力链接可以理解为一个文件识别码,而并非具体的资源地址,下载软件需要拿着这个识别码去整个互联网(DHT网络)去寻找持有该资源的用户(节点),如果找到则可以进行传输下载。一般年代越久远的磁力链接下载成功的几率越小,因为持有该资源的节点越少。一般使用网盘下载的成功率最高,因 ......
磁力 搜索引擎 链接 引擎 教程

vue调用完一个接口 全局中才调用另外N个接口

mounted(){ // 先调用initParam接口 再调用第二个接口 this.initParam().then((res)=>{ this.getDataList(); }) },// 1. 把方法挂载到全局 methods: { async initParam(){ const {code ......
接口 全局 vue

Vue3 Element-Plus 一站式生成动态表单

数据接口设计 type TreeItem = { value: string label: string children?: TreeItem[] } export type FormListItem = { // 栅格占据的列数 colSpan?: number // 表单元素特有的属性 pro ......
表单 Element-Plus Element 动态 Vue3

Windos操作系统下的Zookeeper安装图文教程

凯哥已经准备好最新版本3.9.1且已经配置好了。既获取到配置好的。 获取到凯哥准备的安装后,只需要修改一下配置。将解压包解压后,找到conf文件,里面有个zoo.cfg配置文件。如下图: 下载后conf文件夹内容 打开zoo.cfg配置文件后,找到13、14这两行。将dataDir和dataLogD ......
Zookeeper 图文 教程 Windos 系统

kafka安装教程

检查java8 没有就安装 java -version 安装jdk1.8 yum -y install java-1.8.0-openjdk 下载kafka (网速很慢) wget https://dlcdn.apache.org/kafka/3.5.0/kafka_2.13-3.5.0.tgz 解 ......
教程 kafka

Vue 设置为history模式之后,刷新页面报404错误的解决办法

网上搜索出现很多修改前端或后端的方法试了都不行,后来在IIS中添加URL重写规则就解决了(如果没有Url重写模块,需要下载安装:rewrite_amd64_zh-CN.msi),设置重写之后会在网站前端根目录下生成一个web.config文件。所以如果嫌配置url重写麻烦的话,直接把这个web.co ......
错误 history 模式 办法 页面

vscode如何配置运行vue项目

在vscode中如何调试运行vue项目 在.vscode中添加launch.json内容如下 { // 使用 IntelliSense 了解相关属性。 // 悬停以查看现有属性的描述。 // 欲了解更多信息,请访问: https://go.microsoft.com/fwlink/?linkid=8 ......
项目 vscode vue

一个简单案例的Vue2.0源码

本文学习vue2.0源码,主要从new Vue()时发生了什么和页面的响应式更新2个维度了解Vue.js的原理。以一个简单的vue代码为例,介绍了这个代码编译运行的流程,在流程中原始DOM的信息会被解析转换,存在不同的对象中。其中关键的对象有el、template、ast、code、render、r... ......
源码 案例 Vue2 Vue

uniapp脚手架中vue3项目配置`@`,并且在vscode中有提示

uniapp脚手架中vue3项目配置@,并且在vscode中有提示 在vite.config.js中配置一下代码 import { defineConfig } from "vite"; import uni from "@dcloudio/vite-plugin-uni"; import { re ......
脚手架 项目 uniapp vscode vue3

Vue多页面和单页面的场景

开发分类 实现方式 页面性能 开发效率 用户体验 学习成本 首屏加载 SEO 单页 一个html页面 按需更新性能高 高 非常好 高 慢 差 多页 多个html页面 整页更新性能低 中等 一般 中等 快 优 场景 单页面应用 系统类网站 内部网站 文档类网站 移动端站点 多页面应用 公司官网 电商类 ......
页面 场景 Vue

在单页HTML中使用npm包

在单页 HTML 中使用 npm 包 在笔者印象中,上一次写单页 HTML 还是在刚开始接触前端开发,学习 HTML 和 JavaScript 的时候。自从开始用 Vue 和 React 这样的框架之后,就几乎再也没写过单页应用了。框架和 npm 给开发带来了很多便利:对于想用的包,npm inst ......
HTML npm

NODE.JS安装配置npm

node.js下载地址:https://nodejs.cn/ 设置环境变量 然后CMD 进入输入命令 node -v npm -v 显示版本则配置成功 配置NPM 查看镜像,缓存路径,全局文件夹: npm config ls 配置下载镜像为淘宝地址,加速 npm config set registr ......
NODE npm JS

【前端VUE】VUE环境安装

nodejs安装 nodejs教程 https://blog.csdn.net/muzidigbig/article/details/80493880 检查是否安装成功 VUE安装 npm install -g @vue/cli 创建VUE项目 vue create 项目名称 第一个和第一个是默认的 ......
前端 VUE 环境

vue3+element-Plus表格滚动联动

const Table0 = ref() const Table1 = ref() function syncScroll() { for (let i = 0; i < compareData.compareInfo.length; i++) { let firstTable = Table0.v ......
element-Plus 表格 element vue3 Plus

Vue3 + antDesign3.x 汉化 中文(解决日期混合中英文模式

依赖项版本 "ant-design-vue": "^3.2.20", "dayjs": "^1.11.10", "vue": "^3.0.5", 依赖处理 main.js中 import { createApp } from 'vue' import Antd from 'ant-design-vu ......
中英 antDesign3 antDesign 日期 模式

verdaccio安装及发布包到npm私有仓库教程

前言 在公司里我们有很多需要公共组件或者是工具函数工具类,和一些封装的sdk,这样的代码有的核心的不方便发布到外网中,所以这就是我们为什么需要搭建 npm 私有仓库。 verdaccio 是一个非常方便使用和管理的 npm 私有仓库搭建工具,搭建好后设置 npm 源为 verdaccio 服务就可以 ......
仓库 verdaccio 教程 npm

Vue 项目配置自动更新,自动刷新页面

今天用户反馈使用页面的时候,有时候点击没反应,排查下来,是因为发布版本的时候,用户那边没有加载最新的文导致的,然后根据思路,做了这个自动更新的功能 效果预览 http://demo.webwlx.cn/#/update 实现思路 1. 把当前版本的编译时间,通过环境变量的方式保存起来 打开 vite ......
页面 项目 Vue

适合小白的 nvm 安装配置教程

适合小白的 nvm 安装配置教程 目录适合小白的 nvm 安装配置教程nvm 简介一、nvm 的安装与配置1、install nvm2、base command【主要验证 nvm 是否安装成功】3、configure taobao mirror二、node 的安装与配置1、install node2 ......
教程 nvm

Vue 该如何实现组件缓存?

在面向组件化开发中,我们会把整个项目拆分为很多业务组件,然后按照合理的方式组织起来,那么自然会存在组件之前切换的问题,vue 中有个动态组件的概念,它能够帮助开发者更好的实现组件之间的切换。但是在面对需求频繁的变化,切换组件时,动态组件在切换的过程中,组件的实例都是重新创建的,而我们需要保留组件的状 ......
缓存 组件 Vue

npm报错集锦

1、@babel/core错误 原因: babel-core 与 babel-loader 版本之间兼容不一样 解决: 安装如下对应版本 babel-core@7x + babel-loader@8.x 、babel-core@6.x + babel-loader1@7.x 等 2、包4048错误 ......
集锦 npm

使用云服务器搭建Socks5最详细教程

近期有比较多的小伙伴在问如何搭建Socks5代理实现游戏加速,这里就给大家放出一个详细教程,截图全部都是亲自测试有效的。 首选肯定是开通云服务器,要做游戏加速的话,可以开通香港或者美国的云服务器,服务器安装centos7以上的系统。 这里就以蓝米云的云服务器为例,测试蓝米云的香港和美国服务器都可以使 ......
服务器 教程 Socks5 Socks

Vue-路由(vue-router)

路由:Vue-router(vue路由插件) 先了解下 route、routes、router三者之间的区别 (加$只是为了区别其它变量) router:一般指的是路由实例 ,如:vue的编程式导航 this.$router.push() routes:指创建 vue-router 路由实例的配置项 ......
路由 vue-router router Vue vue

vue-route

路由,其实就是指向的意思,当我点击页面上的home按钮时,页面中就要显示home的内容,如果点击页面上的about 按钮,页面中就要显示about 的内容。Home按钮 => home 内容, about按钮 => about 内容,也可以说是一种映射. 所以在页面上有两个部分,一个是点击部分,一个 ......
vue-route route vue

Vue-mixins(混入)

mixins: [混入变量名称] 说明:不需安装,直接使用, 作用:多用于 提取公共 类似的数据和方法,和组件<script/>中书写一样,data、methods、钩子函数 使用:引入之后,同组件使用 script 中的数据和方法一样使用 功能点:引入之后,相当于mixins下的数据、方法和钩子函 ......
Vue-mixins mixins Vue