教程npm vue

WSL2 node 与 npm 的安装

本文 nodejs 的配置适用于 WSL,本人亲测有效(WSL Ubuntu),但是可能并不适用于其他系统。 1. 安装 nodejs 执行下列的命令,选择自己需要的版本就好了 # Node.js v13.x curl -sL https://deb.nodesource.com/setup_13. ......
WSL2 node WSL npm

Vue学习笔记2:计算属性,及其简写形式

2. 计算属性,及其简写形式 data中的各项就是属性。 所谓计算属性,就是拿已经写好的属性去加工或计算,生成一个全新的属性。 计算属性在computed里,是一个对象。对象里可以有计算属性的getter和setter,他们都是function。与Object.defineProperty方法中的g ......
简写 属性 形式 笔记 Vue

Vue学习笔记1:Hello World小案例

1. Hello World小案例 1.1 采用组件化模式,提高代码复用率、且让代码更好维护。 1.2 声明式编码,让编码人员无需直接操作DOM,提高开发效率。 1.3 学习Vue之前要掌握的Javascript基础知识 ES6语法规范 ES6模块化 包管理器 原型、原型链 数组常用方法 axios ......
案例 笔记 Hello World Vue

SpringBoot图书管理系统运行教程

@文章目录目录1、前期必备1.1、所需软件版本说明1.2、下载源码1.3、下载开发工具1.4、下载JDK并配置环境变量1.5、安装数据库和数据库管理工具1.6、安装配置Maven2、将SQL文件导入到数据库2.1、新建MySQL连接2.2、新建数据库并导入SQL3、IDEA配置Maven环境4、ID ......
SpringBoot 管理系统 教程 图书 系统

【Git 教程系列第 27 篇】ssh: connect to host github.com port 22: Connection refused 的解决方案

https://blog.csdn.net/qq_42351033/article/details/131612279 ssh: connect to host github.com port 22: Connection timed out fatal: Could not read from r ......

Linux安装maven(详细教程)

yuanwen : https://www.cnblogs.com/outrun/p/17708907.html https://www.cnblogs.com/outrun/p/17708907.html Linux安装maven(详细教程) 一、简介 Maven是意第绪语,意思是“知识的积累者” ......
教程 Linux maven

使用 Vue 3 插件(Plugin)实现 OIDC 登录和修改密码(OIDC 系统以 Keycloak 为例)

背景 目前单位系统常用 Keycloak 作为认证系统后端,而前端之前写的也比较随意,这次用 Vue 3 插件以及 Ref 响应式来编写这个模块。另外,这个可能是全网唯一使用 keycloak 的 OIDC 原生更新密码流的介绍代码。 设计 依赖库选择 OIDC 客户端,这里选择 oidc-clie ......
OIDC 插件 Keycloak 密码 Plugin

Pyhton基础爬虫教程(xpath实际操作)

xpath解析实战 tree= etree.parse("./test.html") # 普通定位 res = tree.xpath("/html/head/title")[0] # 获取所有标签 res = tree.xpath("//div") # 索引定位-> res = tree.xpath ......
爬虫 实际 基础 教程 Pyhton

pc微信逆向之数据库Msg表MsgSvrID字段获取教程

1.在pc微信数据库Msg表里面,MsgSvrID字段类型是int型,但其实在sqlite3里面,int类型实际上是一个64位整数,其范围是从-9223372036854775808到9223372036854775807。这个范围与标准SQL的INT类型(通常在32位系统中是-2147483648 ......
字段 MsgSvrID 数据库 教程 数据

vue3源码学习api-createApp-amount

vue3 地址 https://github.com/vuejs/core 首先看看vue文档什么是 Vue? ​ Vue (发音为 /vjuː/,类似 view) 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建,并提供了一套声明式 ......

01_Vue 基本语法

[tocc] Vue.js 基本语法 一、Vue基础 Vue官网 英文官网:https://vuejs.org/ 中文官网:https://cn.vuejs.org Vue概述 Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是, Vue 被 ......
语法 Vue 01

03_Vue Router

一、什么是路由 路由概述 路由(route)其实是一种映射关系,类似于key >value的键值对的关系,其中key表示请求的路径path。 路由是根据不同的 url 地址展示不同的内容或页面; 路由分为前端路由和后端路由 ​ 前端路由:前端路由的value表示组件,一个path映射一个组件; ​ ......
Router Vue 03

02_Vue 组件化

vue 组件 组件的出现,就是为了拆分Vue实例的代码量的,能够让我们以不同的组件,来划分不能的功能模块,将来需要什么样的功能,就可以去调用。 组件和模块化的不同: ​ 模块化:是从代码逻辑的角度进行划分的,方便代码分层开发,保证每个功能模块职能单一 ​ 组件化:是从UI界面的角度进行划分的,前端的 ......
组件 Vue 02

Linux 下使用串口的简易教程

1、检查串口的配置。查看串口的波特率、数据位、校验位等可以使用以下命令: $ stty -F /dev/ttyS0 2、修改串口的配置。使用stty命令可以修改串口的波特率、数据位、校验位等选项,例如,将串口波特率修改为115200,按如下方式操作: $ stty -F /dev/ttyS0 115 ......
串口 简易 教程 Linux

ASP.NET Core+Vue3 实现SignalR通讯

从ASP.NET Core 3.0版本开始,SignalR的Hub已经集成到了ASP.NET Core框架中。因此,在更高版本的ASP.NET Core中,不再需要单独引用Microsoft.AspNetCore.SignalR包来使用Hub。 在项目创建一个类继承Hub, 首先是写一个Create ......
SignalR 通讯 Core Vue3 ASP

nginx部署vue项目

windows版本 nginx基本命令 1、首先 创建vue.config.js文件: module.exports={ publicPath: process.env.NODE_ENV == 'production' ? './' : '/', } 这个代码是判断你是否为开发者然后设置路径。 2、 ......
项目 nginx vue

Vue-I8n国际化的基本使用

安装 npm install vue-i18n@9 或 yarn add vue-i18n@9 初始化国际化信息 为了方便管理我们新建一个lang文件夹作为专门的国际化专用,并在lang文件夹下新建zh跟en两个文件夹。 // ./lang/zh/index.ts export default { ......
国际 Vue-I Vue 8n

vue学习十一

<div id="app11"> <h3>哞哞俩数计算器</h3> <input type="number" v-model="num1"> <select v-model="chart"> <option value="+">+</option> <option value="-">-</opti ......
vue

vue学习十二

<div id="app12"> <table style="width: 300px;height: 160px;background-color: aquamarine;" cellspacing=0> <tbody> <tr class="biaotou"> <td>编号</td> <td>学 ......
vue

Proxifier 2023年11月时最新版 激活教程

前言 Proxifier 是一款功能非常强大的socks5客户端,可以让不支持通过代理服务器工作的网络程序能通过HTTPS或SOCKS代理或代理链。支持64位系统支持Xp,Vista,Win7,支持socks4,socks5,http 代理协议,支持TCPUDP协议,可以指定端口,IP,指定程序等运 ......
最新版 激活 Proxifier 教程 2023

vue3路由转发报错Failed to resolve component: router-link

//在学习vue3路由转发的时候,总是报路由的一些方法无法识别,undefined 报错: // App.vue:9 [Vue warn]: Failed to resolve component: router-link // vue路由跳转报错Cannot read properties of ......
路由 router-link component resolve Failed

将微信小程序源码自动转换为uniapp vue3/vite源码

uniapp目前已经支持vue3语法了,对于想将微信小程序代码迁移到uniapp vue3的小伙伴来说,迁移的工作量无疑是比较大的。本人开发了自动转换工具可以自动实现代码转换,并且保证了可读性。 基本原理: wxml-compiler:wxml → posthtml-parser → AST → t ......
源码 程序源码 程序 uniapp vue3

vue select-option组件 普通下拉和远程下拉数据展示及回显

前言:后台返回的数据格式有如下两种类型: 1、json格式: codeTypeMap:{ "000":"身份证", "001":"户口本" } 2、数组格式: codeTypeMapList: [ {code:"000",name:"身份证"}, {code:"000",name:"户口本"} ] ......
select-option 组件 数据 select option

工业自动化教程2开关和传感器

2开关和传感器 了解人类的功能有助于理解自动化。人类仅有大脑是不够的。还需要视觉、听觉、触觉和嗅觉来提供环境信息,供大脑处理。同样,开关和传感器也能提供环境信息,供控制器处理。处理的结果决定了执行器将执行的操作,这将在下一章讨论。本章专门讨论开关和传感器,以便我们深入讨论执行器。就像视觉、听觉、触觉 ......
传感器 工业 教程

Vue源码学习(十四):diff算法patch比对

好家伙, 本篇将会解释要以下效果的实现 1.目标 我们要实现以下元素替换的效果 gif: 以上例子的代码: //创建vnode let vm1 = new Vue({data:{name:'张三'}}) let render1 = compileToFunction(`<a>{{name}}</a> ......
算法 源码 patch diff Vue

微软微服务构建框架Dapr基础入门教程

最近学习dapr,决定将过程在此记录,也为小伙伴们学习的时候提供一份参考。 Dapr的介绍这里就不多说了,大家直接可以去百度或者去官网上进行查阅,本文就简单介绍下如何使用。 Dapr官方中文文档 一、安装Dapr CLI 选择与您使用的系统对应的安装方式即可,我这里使用的是windows系统,故使用 ......
入门教程 框架 基础 教程 Dapr

vue 上传照片插件

Vue是一种流行的JavaScript框架,拥有轻量级、直观且易于学习的特点,并提供丰富的插件集合。其中,上传照片插件是Vue的常用插件之一。 上传照片插件能够快速地将照片上传到服务器,支持多图上传、拍照上传和拖拽上传等功能。此外,插件还可以对上传过程进行自定义,如上传时的进度条显示、图片大小限制等 ......
插件 照片 vue

Vue3Router路由传参

import { useRouter } from 'vue-router' //首先在setup中定义 const router = useRouter() // 字符串 router.push('home') // 对象 router.push({ path: 'home' }) // 命名的路 ......
路由 Vue3Router 3Router Router Vue3

AI数字人制作工具SadTalker教程

AI数字人(Artificial Intelligence Digital Human)是一种采用人工智能技术和仿真技术创建的虚拟人物。它结合了人类外貌、语音和认知能力,能够与人类进行交流和互动。 AI数字人的外貌通常由计算机图形学和虚拟现实技术生成,可以根据需要设计不同的外表特征、面部表情和肢体语 ......
SadTalker 数字 工具 教程

用vite创建vue3项目

打算用vite创建vue3项目 1.安装 npm init vite-app <项目名称> cd <项目名称> npm install npm run dev ## 执行完以上命令,就意味着你的vue3.0项目已经用上了vite了 提示 deprecated 改为: npm init @vitejs ......
项目 vite vue3 vue