
vue
文章平均质量分 86
hongyanwin
WX:hongyanwin
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
粒子动效果 particles.js在vue上的运用
粒子动效总觉得很炫酷,搜了一下,发现是用particles.js编写的。这个用得好的话,页面是可以很酷的,譬如我现在写的项目安装particles.jsnpm install --save particles.js配置particles.jstemplate这个就是动态粒子要展示的位置。当你的使用范围比较小时,可以直接在当前vue文件的script中引入,即//vue单文件import particles from ‘particles.js’或者你觉得这样不好管理,一定要放在main原创 2021-03-30 17:04:57 · 855 阅读 · 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 · 258 阅读 · 0 评论 -
某溯源平台:vue生成二维码压缩包下载(二)
项目还需要下载二维码打印,依赖两个包:1.jszip是一个用于创建、读取和编辑.zip文件的JavaScript库,2.工作需要通过 JavaScript 保存文件到本地,我们都知道 JavaScript 基于安全的考虑,是不允许直接操作本地文件的。IE 可以通过 VB 插件的方式进行,而 Chrome 和 firefox 都不支持 JavaScript 向本地写入文件,所以 VB 插件的方式存在兼容性问题。那有没有适合的方法呢?答案是肯定的,我们可以通过 FileSaver.js 这个小插件实现我们的原创 2020-09-29 16:20:21 · 223 阅读 · 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 · 356 阅读 · 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 · 3191 阅读 · 0 评论 -
vue使用的基本规范
VUE规范基于Vue官方风格指南整理一、强制1. 组件名为多个单词组件名应该始终是多个单词的,根组件 App 除外。正例:export default { name: 'TodoItem', // ...}反例:export default { name: 'Todo', // ...}2. 组件数据组件的 data 必须是一个函数。当在组件中使...原创 2020-04-22 09:57:35 · 367 阅读 · 0 评论