随笔分类 -  前端:Vue 技术栈

Vue3.0 新特性以及使用经验总结
摘要:出处:https://mp.weixin.qq.com/s/B7n_dLC9rtdPoX1DAafNoA 阅读全文

posted @ 2021-04-24 12:42 cag2050 阅读(137) 评论(0) 推荐(0) 编辑

Invalid Host header 服务器域名访问出现的问题
摘要:出处:https://blog.csdn.net/Cookysurongbin/article/details/86077241 阅读全文

posted @ 2019-10-31 14:59 cag2050 阅读(262) 评论(0) 推荐(0) 编辑

流程图库:G6 知识点
摘要:Viser 一个基于 G2 实现的,为数据可视化工程师量身定制的工具。 Viser-Graph 一个基于 G6 实现的,为呈现关系型数据的定制化工具。 Mode 是 G6 提供的图上事件的管理机制。 用户仅需定义好几种不同的状态,每个状态下的行为即可。当图功能状态发生变化,可以很方便的切换模式来切换 阅读全文

posted @ 2019-08-30 18:06 cag2050 阅读(378) 评论(0) 推荐(0) 编辑

流程图库:G6 学习资料
摘要:G6 学习资料 网址 G6 1.x API 文档 http://antvis.github.io/g6/doc/index.html 官方demo列表 https://github.com/antvis/g6/tree/dev3.0.0/demos 项目 GitHub 地址 https://gith 阅读全文

posted @ 2019-08-30 17:47 cag2050 阅读(675) 评论(0) 推荐(0) 编辑

mocker-api 原理
摘要:项目网址:https://github.com/jaywcjlove/mocker api 作用有2个: 1. 运行dev命令后,访问本地开启服务接口,模拟数据; 2. 访问本机接口时,代理到其它服务器,即调用其他服务器的接口 阅读全文

posted @ 2019-05-17 10:49 cag2050 阅读(446) 评论(0) 推荐(0) 编辑

beforeRouteEnter 与 beforeRouteUpdate(watch $route 对象) 的区别
摘要:项目 | 区别 | 适用场景 | 网址 | | | beforeRouteEnter | beforeRouteEnter 守卫 不能 访问 this,因为守卫在导航确认前被调用,因此即将登场的新组件还没被创建。不过,你可以通过传一个回调给 next来访问组件实例。在导航被确认的时候执行回调,并且把 阅读全文

posted @ 2019-05-09 23:33 cag2050 阅读(1143) 评论(0) 推荐(0) 编辑

vue router 中,children 中 path 为空字符串的路由,是默认打开的路由(包括在 el-tabs 中嵌套路由的情况)
摘要:详见该页面的最后一个代码块:https://router.vuejs.org/zh/guide/essentials/nested routes.html %E5%B5%8C%E5%A5%97%E8%B7%AF%E7%94%B1 阅读全文

posted @ 2019-05-09 20:30 cag2050 阅读(2703) 评论(0) 推荐(0) 编辑

vue-router 路由跳转:和name配对的是params,和path配对的可以是query、params
摘要:1.命名路由name搭配params,刷新页面参数会丢失 2.路由path搭配query,刷新页面数据不会丢失 3.接收参数使用this.$route,就能获取到参数的值 阅读全文

posted @ 2019-04-28 16:10 cag2050 阅读(896) 评论(0) 推荐(0) 编辑

Vue 开发经验总结
摘要:Vue 开发经验总结 1、变量和方法,别写在全局,使用模块化导出、导入 对比项目 | 优点 | 缺点 | 适用场景 | | | 写在全局 | | 会一直存在 | 使用模块化导出、导入 | 按需要导入 | | 2、组件的prop值是请求接口后设置的(异步),可以在子组件中watch该prop,来进行一 阅读全文

posted @ 2019-04-04 14:20 cag2050 阅读(452) 评论(0) 推荐(0) 编辑

vue中直接修改props中的值并未给出警告,为啥?
摘要:问:vue中直接修改props中的值并未给出警告,为啥? 答:如果props传入的值是引用类型,在子组件中改变其元素,不改变引用,那么不报错; 如果是基本类型,那么在修改时浏览器控制台会有报错信息。 出处:https://segmentfault.com/q/1010000015952520 自己做 阅读全文

posted @ 2019-03-30 17:39 cag2050 阅读(1642) 评论(0) 推荐(0) 编辑

vue cli 3 中,Lint on save 与 Lint and fix on commit 区别(待补充)
摘要:待补充 阅读全文

posted @ 2019-03-13 15:44 cag2050 阅读(3399) 评论(0) 推荐(0) 编辑

使用 vue-cli-service inspect 来查看一个 Vue CLI 3 项目的 webpack 配置信息(包括:development、production)
摘要:使用 来查看一个 Vue CLI 3 项目的 webpack 配置信息(包括:development、production) 1. mode 指定环境模式 (默认值:development) 2. 运行命令,在终端输出: 开发环境: 生产环境: 3. 运行命令,将输出导入到 js 文件: 开发环境: 阅读全文

posted @ 2019-03-13 14:52 cag2050 阅读(11920) 评论(0) 推荐(1) 编辑

pre-commit 钩子,代码质量检查:在 vue-cli 3.x 版本中,已经使用尤大改写的yorkie,yorkie实际是fork husky,然后做了一些定制化的改动,使得钩子能从package.json的 "gitHooks"属性中读取
摘要:pre commit 钩子,代码质量检查:在 vue cli 3.x 版本中,已经使用尤大改写的yorkie,yorkie实际是fork husky,然后做了一些定制化的改动,使得钩子能从package.json的 "gitHooks"属性中读取。 出处:https://github.com/ZSI 阅读全文

posted @ 2019-03-12 17:17 cag2050 阅读(7495) 评论(0) 推荐(0) 编辑

vue-loader v15、vue-loader v14及之前版本,配置css modules的区别
摘要:vue loader v15 配置css modules: 是在 css loader 里配置 官方文档:https://vue loader.vuejs.org/zh/migrating.html css modules 代码示例:https://github.com/cag2050/vue_cl 阅读全文

posted @ 2018-12-11 16:25 cag2050 阅读(6159) 评论(0) 推荐(0) 编辑

vue cli 3.x 设置4个空格缩进
摘要:vue cli 3.x 设置4个空格缩进: 1. 文件 中, 修改为 2. 文件 添加一行: 示例项目:https://github.com/cag2050/vue_cli_3.x_template 阅读全文

posted @ 2018-12-05 19:14 cag2050 阅读(4578) 评论(1) 推荐(0) 编辑

父组件想得到子组件变化后的值(也可理解为:子组件将变化后的值,告知父组件)
摘要:组件默认绑定的值、事件,是value、input,可以更改 "自定义组件的 v model:官方说明网址" 子组件改变了父组件传入的prop,想通知父组件,可以用update sync实现 ".sync 修饰符:官方说明网址" 阅读全文

posted @ 2018-11-01 19:43 cag2050 阅读(442) 评论(0) 推荐(0) 编辑

在单文件组件中,引入安装模块里的css的2种方式:script中引入、style中引入
摘要:在单文件组件中,引入安装模块里的css的2种方式:script中引入、style中引入 1.script中引入 2.style中引入 阅读全文

posted @ 2018-10-19 15:46 cag2050 阅读(1024) 评论(0) 推荐(0) 编辑

在vue-cli 2.x 项目中,引入stylus的全局CSS变量
摘要:出处:https://blog.csdn.net/weixin_39378610/article/details/81140358 阅读全文

posted @ 2018-08-09 15:38 cag2050 阅读(1154) 评论(0) 推荐(0) 编辑

从后端接口下载文件的2种方式:get方式、post方式
摘要:从后端接口下载文件的2种方式 一、get方式 直接使用: 二、post方式 当有文件需要传给后端接口、后端处理后返回文件时,用post方式发送formdata。 此时下载后端返回的文件,流程: 1、后端设置Response Headers的2个值: 2、前端处理下blob文件: 以vue、vue r 阅读全文

posted @ 2018-07-25 11:00 cag2050 阅读(3114) 评论(0) 推荐(0) 编辑

单页面应用(SPA)重新部署后,正在浏览的页面如何更新缓存?
摘要:当单页面的系统在重新部署更新时,此时正在浏览网页,并且已经在网页内的用户,始终会使用老的js与css文件,一直在使用已经缓存了的静态资源。 所有的缓存问题焦点都在index.html上,只要index.html刷新即可重新获取代码。 出处:https://www.cnblogs.com/mamimi 阅读全文

posted @ 2018-07-11 13:16 cag2050 阅读(3800) 评论(2) 推荐(0) 编辑

导航

点击右上角即可分享
微信分享提示