教程npm vue
Vue
Vue 一套前端框架,免除原生JavaScript中的DOM操作,简化书写 基于MVVM(Model-View-ViewModel)思想,实现数据的双向绑定,将编程的关注点放在数据上 框架:是一个半成品软件,是一套可重用的、通用的、软件基础代码模型。基于框架进行开发,更加快捷,更加高效。 <head ......
Apipost自动化测试使用教程
Apipost提供可视化的API自动化测试功能,使用Apipost研发人员可以设计、调试接口,测试人员可以基于同一数据源进行测试,Apipost 接口自动化功能在上次更新中进行了逻辑调整,带来更好的交互操作、更多的控制器选择,同时新增同步接口模式选择、测试数据选择功能。 添加接口 使用 Apipos ......
记录--vue3实现excel文件预览和打印
这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 前言 在前端开发中,有时候一些业务场景中,我们有需求要去实现excel的预览和打印功能,本文在vue3中如何实现Excel文件的预览和打印。 预览excel 关于实现excel文档在线预览的做法,一种方式是通过讲文档里的数据处理成html ......
[Docker] Docker Compose 基础教程(概念/基础操作)
1 Docker Compose 概述 1.1 Docker Compose 简述 Compose 是用于定义和运行多容器 Docker 应用程序的工具。 通过 Compose,您可以使用 YML 文件来配置应用程序需要的所有服务。 然后,使用一个命令,就可以从 YML 文件配置中创建并启动所有服务 ......
多个vue项目共用组件
本文主要介绍引入本地的自己写的组件。 1.准备3个vue2项目 demo-common文件夹里是组件在demo1和demo2中都需要使用 2.在demo-common文件夹里新建index.js文件,跟package.json同级。在index.js文件里导出在其他项目里需要用到的组件 3.分别在d ......
vue + element ui 树形半选传父级id给后台,回显实现
1. vue2 : 需要关联父子级: Html部分 check-strictly="false" <el-tree :data="dataTree" highlight-current show-checkbox :check-strictly="false" node-key="id" :prop ......
Vue中使用vue-count-to(数字滚动插件)
效果图 1. 简单介绍 npm官网:vue-count-to vue-count-to 就是一个组件插件,咱们引入进来,可以去打印一下,它就是一个组件实例,使用components注册一下,就可以在模板中使用了,具体方式如下: 2. 安装 npm install vue-count-to 3. 引入 ......
支付宝沙箱超详细教程+避雷经验,看这篇就够了
使用支付宝沙箱的时候经常踩坑 TAT 自己排查问题还要花好长时间。
今天总结了一下支付宝沙箱的使用教程,希望帮助到大家,避免重复踩坑~ψ(*`ー´)ψ ......
配置SSH连接Git教程 /TortoiseGit SSH配置
2 检查现有的 ssh 密钥 Windows 打开 GitBash,Linux 下打开终端,输入: $ ls -al ~/.ssh 如果你看到以下输出,那么说明你已经有 ssh 密钥(以 .pub 结尾的文件): $ ls -al ~/.ssh total 26 drwxr-xr-x 1 19712 ......
vue中activated
vue 组件在开了,关了,再开,created,mounted不会触发,activated会解决这个问题,给力。。。 在Vue中,activated是组件生命周期函数之一,它会在组件被激活时调用。 具体来说,当一个组件被插入到DOM中并且处于活动状态(例如,它是父组件的子组件),activated函 ......
vue移动鼠标在canvas上画不规则图形(整合别人的,增加了一些功能)
1、draw_shape.js 1 /** 2 * 绘制不规则多边形 3 */ 4 5 import { Message } from 'element-ui' 6 7 export function draw_test(cav, list) { 8 // 画布初始化 9 let ctx = cav ......
土狗夹子机器人使用教程
币圈量化夹子机器人使用步骤 第 1 步 - 在谷歌浏览器 中设置 MetaMask小狐狸 钱包获取MetaMask小狐狸钱包地址:https://metamask.io/ 第 2 步 - 将币安智能链网络添加到 MetaMask将BSC智能链添加到小狐狸钱包: 第 3 步 - 打开Remix部署智能 ......
vue运行中,常出错,是因为版本不一样,造成的
这个是版本冲突造成的 在package.json中添加 set NODE_OPTIONS openssl-legacy-provider ......
vue实现用Element Table 展现数据T图
vue实现用Element Table 展现数据T图,废话不多少,直接上干货 <template> <div> <el-table :data="resultTable" style="width: 100%"> <el-table-column prop="id" label="日期" width ......
[Vue]监视属性watch
1. 当被监视的属性变化时,回调函数自动调用,进行相关操作 2. 监视的属性必须存在,才能进行监视!!(但不会报错) 3. 监视的两种写法: (1). new Vue时传入watch配置 (2). 通过vm.$watch监视 4. 只有handler的时候,可以简写 new Vue传入watch配置 ......
MATLAB 2022b 图文安装保姆级教程|Matlab密匙|激活步骤|
Matlab2022a与2022b的比较 MATLAB主要用于数据分析、无线通信、深度学习、图像处理与计算机视觉、信号处理、量化金融与风险管理、机器人,控制系统等领域。关于Matlab的版本的主要区别在于a通常是实测版,b是稳定版。也就是说对于a版的bug,b版都会修复,体验感会更好 Matlab2 ......
vue3 watch 多个值
1 watch([() => baTable.form.items!.userType, () => baTable.form.items!.totalUsage, () => baTable.form.items!.payCurr], (newValue, oldValue) => { 2 // ......
vue中使用echarts详细步骤(柱状图、饼图、折线图、堆叠折线图)
1.安装 npm install echarts -S2.准备好有宽高的dom节点 <div class="my-charts"> <div id="my_bar_chart"></div> </div> .my-charts { > div { width: 250px; height: 200p ......
Vue2 项目使用 nuxt.js 重构 - 一、基本用法及部分依赖注意事项
我自己的网站 https://aijianli.site/ 是使用vue写的,为了能够让用户可以搜索到。对项目进行了 nuxt.js 重构。在重构过程中遇到了 N 多坑。一下记录了填坑经历 一、新建 nuxt 项目 查看官网 https://www.nuxtjs.cn/guide/installat ......
【npm】项目安装失败问题
【npm】项目安装失败问题 问题描述 安装npm项目时报错 排查 注意到访问的不是官方的地址,是https://hub.fastgit.xyz/eligrey/FileSaver.js.git/,想到可能是之前配置过的一个映射加速节点 果然发现了这个配置 解决方案 删除这个配置 ......
npm 安装依赖报错整理
1. npm ERR! chromedriver@2.27.2 install: `node install.js` npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! chromedriver@2.27.2 install: `node insta ......
从零用VitePress搭建博客教程(7) -– 如何用Github Actions自动化部署到Github Pages?
接上一节:从零用VitePress搭建博客教程(6) -– 第三方组件库的使用和VitePress搭建组件库文档 我们搭建完成vitePress后,那么接下来就是如何部署到线上服务器,这里使用Github Pages,免得自己购买服务器,当然你也可以自己购买服务器来部署(比如阿里云服务器)。 在部署 ......
React技术栈支援Vue项目,你需要提前了解的
写在前面 react整体是函数式的思想,把组件设计成纯组件,状态和逻辑通过参数传入,而vue的思想是响应式的,也就是基于是数据可变的,通过对每一个属性建立Watcher来监听, 当属性变化的时候,响应式的更新对应的虚拟dom react的思路通过js来生成html, 所以设计了jsx,还有通过js来 ......
vue-element-admin 项目中,获取当前左侧菜单栏的Id
找到 store/modules/permission.js(需要后端在返回的菜单中,添加Id): const permission = { state: { routes: [], addRoutes: [] }, mutations: { SET_ROUTES: (state, routes) ......
vue3 和 element-plus 实现指定单元格编辑
思路 1.获取到指定单元格的位置 2.通过状态来判断 是否展示编辑 步骤 1.定义变量去确定行和列 let tableRowEditId = ref(null), // 控制可编辑的每一行 let tableColumnEditIndex = ref(null), //控制可编辑的每一列 2.在el ......
vue3|知识点
双向绑定Proxy proxy只支持对象 ref创建的数据是空对象,绑定在其value属性上。 监听属性 监听对象 watch(msg,func(new,old)) 监听对象的属性 watch(()=>msg.name,func) watchEffect(func) 自动监听已经引用的值 ......
vue环境搭建操作手册
(1)准备 启动环境,打开终端,首先使用如下命令在管理员权限下创建安装目录: sudo mkdir -p /usr/local/node 然后输入密码,密码为“qingjiao” 接着进入/usr/local/目录,修改安装目录拥有者和属组为 “qingjiao” ,命令如下: cd /usr/lo ......
1、vue2.0的生命周期
首先,组建从创建到销毁的过程就是它的生命周期。 一共分为4个阶段,创建、挂载、更新以及销毁。 第一个阶段:创建 beforeCreate () {} // 实例创建前,在这个函数内属性和方法都不能使用 created () {} // 实例已经初始化好了,也完成了数据挂载,可以修改数据、使用数据但是 ......
vue之echart图表的封装
1、构建echart公用组件 <template> <div :class="className" :style="{ width, height }"></div> </template> <script> import echarts from "echarts"; require("echar ......
vue环境搭建-vue介绍说明
实训背景: 一个基于Vue前端框架和第三方图表库ECharts构建的可视化大数据平台,通过Vue项目构建、指令的灵活运用、组件封装、组件之间通信,使内部图表组件库可实现自由替换和组合。以及一些功能模块的设计及代码实现。 实训任务: (1)了解node和npm的基本概念及安装 (2)掌握搭建Vue项目 ......