![](https://img-blog.csdnimg.cn/20200323175445747.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
vue.js学习笔记
vue的学习笔记,包括基础和高阶操作
前端的艺术
做一个开开心心的程序员,永远坚持内心的方向。(坐标深圳找工作中,如果贵司刚好有岗位适合,拜托帮我内推一下,谢谢亲们。)
展开
-
vue-cli出现Invalid Host header(frp映射时)
场景最近和微信交互,调试时需要映射一个域名给微信回调(ip不行)遂用了frp内网穿透来映射出去结果报了这个错Invalid Host/Origin header原因:新版的webpack-dev-server增加了安全验证,默认检查hostname,如果hostname不是配置内的,将中断访问。解决方案在根目录下创建文件vue.config.js,然后填入如下内容module.exports = { devServer: { disableHostCheck: t原创 2020-07-21 10:16:42 · 1194 阅读 · 0 评论 -
vue基础:axios导出/下载表格文件(带权限,带参数)
思路配置响应类型为:responseType: ‘blob’将blob对象转换为url创建一a标签,将其href设置为转换后的url,点击下载后,删除a标签实现代码exportExecl () { // 添加参数 // this.params = {p1:'ttt',name:'ert'} let paramsStr = '' for(let key in this.params){ if(key != 'size' && key != 'p原创 2020-05-14 09:58:43 · 636 阅读 · 0 评论 -
简化版的vue-router(vue源码)
实现一个简化版的vue-router - 龙玥的文章 - 知乎https://zhuanlan.zhihu.com/p/47331073在知乎发现一个不错的文章,分享给你们,也顺便做个笔记,是时候开始逐步进入源码的学习了。。...原创 2020-03-30 14:50:21 · 192 阅读 · 0 评论 -
vue-cli搭建自动化多页面项目(vue高阶)
序:我接下来写的vue项目高阶操作文章,每篇都按照需求分析+操作的模式来写。需求分析:大家都知道vue主要是用于搭建 单页Web应用(single page web application,SPA),根据实践,需要多页面的场景有以下几种:首屏优化,这是SPA应用的固有的问题,(后面会用一章专门讲这个),而利用多页面就是将首屏(登录页等)独立出来一个html,首次加载时只加载这个依赖很少的...原创 2020-03-27 09:11:30 · 1207 阅读 · 0 评论 -
vue 2.0 购物车功能实现详解(根据慕课网视频)
思路:通过VueResource获取后台数据,浏览器控制台调试是否获取成功,用钩子函数mounted,确保当所有DOM挂载在页面上时,再请求写好页面布局,设置接口,通过v-for实现页面渲染通过filters过滤器实现渲染的数据格式化实现商品数量加减功能(通过判断函数传参【-1,1】即可快速做到),同时控制数量最小只能减到1实现选择商品功能,$set添加一个属性记录商品是否被选中状态,...原创 2018-09-22 21:24:21 · 1108 阅读 · 0 评论 -
vue-cli 创建项目选项详解(vue基础)
? Check the features needed for your project: (Press to select, to toggle all, to invert selection)( ) Babel //转码器,可以将ES6代码转为ES5代码,从而在现有环境执行。( ) TypeScript// TypeScript是一个JavaScript(后缀.js)的超集(后缀....原创 2020-03-22 10:21:02 · 4020 阅读 · 1 评论