vue
文章平均质量分 86
hongyanwin
WX:hongyanwin
展开
-
粒子动效果 particles.js在vue上的运用
粒子动效总觉得很炫酷,搜了一下,发现是用particles.js编写的。这个用得好的话,页面是可以很酷的,譬如我现在写的项目 安装particles.js npm install --save particles.js 配置particles.js template 这个就是动态粒子要展示的位置。 当你的使用范围比较小时,可以直接在当前vue文件的script中引入,即 //vue单文件 import particles from ‘particles.js’ 或者你觉得这样不好管理,一定要放在main原创 2021-03-30 17:04:57 · 769 阅读 · 0 评论 -
Vue中Axios封装和API接口管理
我们所要的说的axios的封装和api接口的统一管理,其实主要目的就是在帮助我们简化代码和利于后期的更新维护。 一、axios的封装 在vue项目中,和后台交互获取数据这块,我们通常使用的是axios库,它是基于promise的http库,可运行在浏览器端和node.js中。他有很多优秀的特性,例如拦截请求和响应、取消请求、转换json、客户端防御XSRF等。 安装 npm install axios; 引入 一般我会在项目的src目录中,新建一个request文件夹,然后在里面新建一个http.js和原创 2020-10-22 12:20:27 · 214 阅读 · 0 评论 -
某溯源平台:vue生成二维码压缩包下载(二)
项目还需要下载二维码打印,依赖两个包: 1.jszip是一个用于创建、读取和编辑.zip文件的JavaScript库, 2.工作需要通过 JavaScript 保存文件到本地,我们都知道 JavaScript 基于安全的考虑,是不允许直接操作本地文件的。IE 可以通过 VB 插件的方式进行,而 Chrome 和 firefox 都不支持 JavaScript 向本地写入文件,所以 VB 插件的方式存在兼容性问题。那有没有适合的方法呢?答案是肯定的,我们可以通过 FileSaver.js 这个小插件实现我们的原创 2020-09-29 16:20:21 · 185 阅读 · 0 评论 -
某溯源平台:vue生成二维码下载
前端做二维码处理,需跳转链接路径(必须),文件名。 懒人,引用了vue-qr 很好用,贴部分代码 <vue-qr :text="listItem.traceCodeUrl" :margin="0" color-dark="#000" color-light="#fff" :logo-scale="0.3" :si原创 2020-09-29 11:54:05 · 310 阅读 · 2 评论 -
vue中v-model等父子组件通信
前言 我们在vue项目中,经常有这样的需求,父组件绑定v-model,子组件输入更改父组件v-model绑定的数值。很多朋友对这种操作不是很清楚,这需要对v-model有比较深入的了解,今天谈谈v-model。 vue的双向数据绑定 这个问题在很多前端面试中,会提及。面试官问你,vue的双向数据绑定原理是什么?当然,这个也是耳熟能详的问题,百度随便一搜索,到处都能找到答案。 一般都会搜索到,是用Object.defineProperty( ),来监听数据get和set,来实现数据劫持的。 假如对Object原创 2020-05-18 09:27:29 · 3100 阅读 · 0 评论 -
vue使用的基本规范
VUE规范 基于Vue官方风格指南整理 一、强制 1. 组件名为多个单词 组件名应该始终是多个单词的,根组件 App 除外。 正例: export default { name: 'TodoItem', // ... } 反例: export default { name: 'Todo', // ... } 2. 组件数据 组件的 data 必须是一个函数。 当在组件中使...原创 2020-04-22 09:57:35 · 334 阅读 · 0 评论