教程npm vue
vue之computed
## 对Vue computed的理解 ### 一、什么是computed Vue的computed属性是一种计算属性,它的值是根据其他属性计算而来的。Vue会自动追踪computed属性所依赖的属性,并在这些属性发生变化时重新计算computed属性的值。 computed属性的实现原理是使用了V ......
Linux下的Jenkins安装教程
sudo wget -O /etc/yum.repos.d/jenkins.repo https://pkg.jenkins.io/redhat-stable/jenkins.repo --no-check-certificate sudo rpm --import https://pkg.jenk ......
vue的自定义指令
自定义指令 含义 vue官方提供了v-text,v-bind,v-for,v-model,v-if等常用指令,除此之外vue还允许开发者自定义指令。 自定义指令分为两类: 私有自定义指令 全局自定义指令 注意事项 自定义指令使用时需要添加 v- 前缀 指令名如果是多个单词,要使用 kebab-cas ......
html使用script 引入vue.js文件
使用script引入vue.js的方法: 1、使用<script> 标签直接引入本地vue.js文件 首先使用在 Vue.js 的官网上直接下载 vue.js文件到本地 下载地址:https://vuejs.org/js/vue.min.js 然后用 <script> 标签引入本地的vue.js文件 ......
Ant Design Vue 按需导入与 UnoCSS 样式冲突
## 背景 Ant Design Vue 使用 Vite 插件 unplugin-vue-components 按需导入,组件上写的 UnoCSS 样式会被覆盖,无法生效。 圆角 10px 不生效: ![image](https://img2023.cnblogs.com/blog/2028513/ ......
vue-cli-了解src目录
![image](https://img2023.cnblogs.com/blog/1069029/202306/1069029-20230615234501637-1359333858.png) ``` assets文件夹:存放项目中用到的静态资源文件,例如:css样式表、图片资源 compone ......
vue中使用vue-particles动态粒子蜘蛛网背景
**vue-particles是什么?** 它是一款可以动态生成点和线的插件,然后线条可以自己动,还能与用户鼠标事件产生互动。 插件的github官网地址:https://gitcode.net/mirrors/creotip/vue-particles?utm_source=csdn_github ......
Vue3 —— 商城项目
## create-vue create-vue是Vue官方新的脚手架工具,底层切换到了 vite (下一代前端工具链),为开发提供极速响应。 执行如下命令,这一指令将会安装并执行 create-vue `npm init vue@latest` > 无论您之前是否安装过create-vue,执行n ......
vue时间处理
vue时间处理 https://blog.csdn.net/xc9711/article/details/123347629 前言 记录vue对时间的处理 String与时间戳、时间互转 计算时间差 设置时间格式: YYYY-MM-DD HH:mm:ss 年月日 时分秒形式以及HH:mm:ss 时分 ......
Vue项目打包部署上线时devServer.proxy代理失效如何解决?使用nginx的proxy_pass 代理跨域转发
Vue项目打包部署上线时devServer.proxy代理失效如何解决?使用proxy_pass 代理跨域转发 前言本篇文章用于记录项目前端部署上线遇到的问题,包含对问题的思考、解决思路,以及从中获得的收获。正确的部署流程我也写了一篇文章,供大家参考使用宝塔将Vue2+Nodejs全栈项目打包部署到 ......
vue学习记录 4
本地服务器配置apache安装学习参考网址:(官网下载apache包的时候可能会疯狂断开链接)教程里没说,但是要管理员身份操作cmd。 https://blog.csdn.net/qqhruchen/article/details/127457889?spm=1001.2101.3001.6661. ......
vue dialog弹出框随屏幕改变高度
动态改变高度是基于动态css样式进行设置,dialog中的高度是随内部元素高度变化,所以在dialog中的table添加class="tableClass",通过屏幕大小改变tableClass中的height,高度数值存储在sizeList中。 <template> <div :style="si ......
vue封装公共组件库并发布到npm库
利用的原理: vue框架提供的api: Vue.use( plugin),我们把封装好组件的项目打包成vue库,并提供install方法,然后发布到npm中。Vue.use( plugin )的时候会自动执行插件中的install方法。 一、组件库代码目录调整 1.根目录创建packages文件夹2 ......
关于vue 使用setInterval定时器关闭失效的问题 原因为事件传播
/** ** data.isPlay为显示那个按钮 ** startHandle开始定时器 setInterval ** pauseHandle,stopHandle理解为关闭定时器就好了clearInterval **/ <view class="btn" @click.stop="startHa ......
软件测试|数据分析神器pandas教程(三)
## 前言 前面我们介绍了pandas Series数据结构,本篇文章我们来介绍另外一种pandas数据结构——DataFrame。 ### [获取更多技术资料,请点击!](https://ykzhl.xet.tech/s/4wym2) ### DataFrame DataFrame 是一个表格型的 ......
软件测试|数据分析神器pandas教程(二)
![在这里插入图片描述](https://img-blog.csdnimg.cn/f0e41c63eb1c467fa6165a00c24e5d25.png) ## 前言 上一篇文章我们介绍了pandas的安装,并且写了一个简单的示例,本篇文章我们就开始学习pandas的数据结构。 ### [获取更多 ......
Vue入门 this
# Vue入门:: this.$emit:Vue父子组件传值(子父之间的通信)和splice()方法的用法 vue中子组件跟父组件通信需要使用this.$emit(),我们先来回顾一下,父组件和子组件的通讯使用什么呢? ``` a.父组件向子组件传值:通过v-bind:的形式进行数据的传递(可直接简 ......
软件测试|数据分析神器pandas教程(一)
![在这里插入图片描述](https://img-blog.csdnimg.cn/ffbe2ef8525c4de2945804d3acf64acd.png) ## 前言 Python是非常适合用于数据分析的,除了Python代码简单以外,Python还有非常多的第三方库,对于数据分析有很大帮助,今天 ......
vue简单的分页功能实现二
# vue简单的分页功能实现二 第二种使用vue实现分页功能的方法。 首先,data数据定义: ``` var vm = new Vue({ el: '#app', data: { listArray:[ { 'name':'赵*', 'age':'21', 'edu':'本科', 'phone': ......
Vue简单的分页功能实现一
# Vue简单的分页功能实现一 前端的分页功能其实是对数据的分页处理,主要是在js中实现对数据的分页处理,这里分享两种简单的写法,以供参考。两种方法都是用vue来实现的。 首先,相关的参数都一样,在vue里的data中定义好,如下所示: ``` var vm = new Vue({ el:'#app ......
Vue 中 组件通信 - 子传父(自定义事件)
# Vue 中 组件通信 - 子传父(自定义事件) ``` Vue 中 组件通信 - 子传父(自定义事件)子传父步骤:在子组件的 data 里面定义好 要传递的数据在子组件的模版里面正常使用 该数据(一般是通过一定的动作,如点击,滑动等,来自定义事件向父组件传递,这里以 click 为例)在子组件的 ......
npm publish 发包报错npm ERR! 403 403 Forbidden - PUT https://registry.npmjs.org/test_vue - You do not have permission to publish "【package name】". Are you logged in as the correct user?
如果出现在发布的时候报这个错,说明你在package.json中登记的name已近被采用了。重名了,所以你得换一个。我们在发布一个包之前,最好拿着这个登记的name去搜一下,如果已近有了,那就要换一个。 ......
软件测试|MySQL安装最全教程
## MySQL的下载与安装、基本使用、系统服务制作 ### [获取更多技术资料,请点击!](https://ykzhl.xet.tech/s/4wym2) ### MySQL简介 MySQL是一种关系型数据库管理系统,关系数据库将数据保存在不同的表中,而不是将所有数据放在一个大仓库内,这样就增加了 ......
vue填坑之解决部分浏览器不支持pushState方法
前端使用vue-router做单页面路由并开启history模式时,会碰到一个问题:部分低版本的手机浏览器、部分app以及IE9浏览器由于不支持pushState方法,会导致页面加载不出来。 解决这个问题的思路是: 当浏览器支持pushState方法时,开启history模式,不支持则开启hash模 ......
使用vue ui创建vue项目
vue ui是什么? 简单来说,vue ui是一个可视化图形界面,方便你去创建、更新和管理vue项目,包括下载router,vuex,axios,elementui等插件,配置好一些属性以及依赖关系,方便我们使用,我个人第一次接触它就感觉非常非常非常智能和强大 配置步骤 1、安装Vue CLI,因为 ......
vue3错误归纳
1,出错原因,找不到文件 npm install --save @/api/baseInfo/department //这个目录没有文件 2.packjson 中那么没改,不知道为什么 E:\gh-phm\ruoyi-ui\node_modules\normalize-package-data\li ......
前端npm下载node_modules依赖的时候报错
使用 npm install --legacy-peer-deps,报如下图: 解决办法: 修改hosts文件 找到如下文件夹:C:\Windows\System32\drivers\etc 下的hosts文件 使用工具把hosts文件打开 185.199.108.133 raw.githubuse ......
VUE使用Element-ui表达式拼接字符串 el-table-column的prop拼接字符串 拼接table 使用<template slot-scope="scope"> 更改td里面值
VUE使用Element-ui表达式拼接字符串 el-table-column的prop拼接字符串 `使用 更改td里面值` https://blog.csdn.net/WindNolose/article/details/125422409 描述 VUE中的标签属性,可以在属性前使用:,让属性绑定 ......
vue配合后端解决跨域问题
vue.config.js devServer:{ proxy:{ "/users":{ target:"http://localhost:3000", changeOrigin:true } } } ......
【Axure 教程】中继器(基础篇)
一、初识中继器 中继器是 Axure 中一个比较高阶的应用,它可以让我们在纯静态网页中模拟出类似带有后台数据交互的增删改查的效果,虽然它没有真正意义上帮我们存储任何的数据,但是当我们在一次项目体验过程中,它却可以给我们带来更加真实的交互效果,我们可以把中继器理解为是一个临时的数据库表,在我们退出当前 ......