随笔分类 -  Vue

vue防抖节流之v-debounce-throttle使用指南
摘要：最新封装了一个vue防抖节流自定义指令，发布到npm上，有用欢迎star,谢谢！ npm地址：https://www.npmjs.com/package/v-debounce-throttle github地址：https://github.com/gerryli0214/vue-directive 阅读全文
posted @ 2019-11-30 12:26 Gerryli 阅读(7383) 评论(0) 推荐(1)
vue之前端鉴权
摘要：vue项目前端鉴权方式常用的有以下三种： 1、渲染菜单时控制模块按钮的显示隐藏（不足：直接输入链接仍然可以访问模块） 2、在路由导航守卫中拦截，针对没有权限的模块进行重定向（不足：每次访问模块都需要鉴定权限，模块数量过多时会影响系统性能） 3、借助vue-router 2.x版本新加的API add 阅读全文
posted @ 2019-06-18 15:47 Gerryli 阅读(8389) 评论(0) 推荐(2)
vue jsx与render的区别及基本使用
摘要：vue template语法简单明了，数据操作与视图分离，开发体验友好。但是在某些特定场合中，会限制一些功能的扩展，如动态使用过滤器、解析字符串类型的模板文件等。以上功能的实现可以借助vue的render语法，render语法比template更偏底层，允许在HTML中使用js语法，可以极大的扩展H 阅读全文
posted @ 2019-06-14 14:50 Gerryli 阅读(7307) 评论(0) 推荐(1)
vue-svgicon基本使用
摘要：在项目开发中，经常会用到svg图标，之前用的都是vue-svg-icon,最近在npm中搜索svg图标解析插件，发现vue-svgicon用的相对较多，对比以下，vue-svgicon用法较为灵活，方便，基本使用方法如下： 1、安装项目依赖 2、在项目目录中引入svg图片（任意目录） 3、配置svg 阅读全文
posted @ 2019-05-27 18:43 Gerryli 阅读(8791) 评论(3) 推荐(1)
vue-cli 3.0按需引入element-ui
摘要：vue-cli 3.0脚手架初始化项目成功后，如果需要按需引入element-ui,按照官网的教程，会报如下错误： 这个是由于babel编译插件版本问题，需要安装最新的babel编译插件“@babel/preset-env”,执行以下命令： 对应的项目根目录下的babel.config.js需要修改 阅读全文
posted @ 2019-05-27 18:23 Gerryli 阅读(1611) 评论(0) 推荐(1)
浅谈vue之动态路由匹配
摘要：在日常开发过程中，可能会遇到一些类似于新闻详情页的内容，需要把所有详情页映射到同一组件上，这是动态路由匹配的应用场景之一。在使用的过程中，也遇到过一些小坑，此篇做个简要的总结说明： 基本使用 其中uid是路由参数，在跳转到指定新闻详情页可以通过以下方式： 问题： 跳转时页面内容不刷新 原因：当前组件 阅读全文
posted @ 2019-01-23 16:06 Gerryli 阅读(1814) 评论(0) 推荐(2)
vuex数据持久化存储
摘要：想想好还是说下vuex数据的持久化存储吧。依稀还记得在做第一个vue项目时，由于刚刚使用vue,对vue的一些基本概念只是有一个简单的了解。当涉及到非父子组件之间通信时，选择了vuex。只是后来竟然发现，刷新页面，数据去哪了？？？一脸懵逼。其实vuex本质上只是一个公共变量，是存储在浏览器内存中的， 阅读全文
posted @ 2019-01-19 16:18 Gerryli 阅读(4252) 评论(1) 推荐(1)
vue中svg图标使用
摘要：在前端开发中，经常会用到svg图标，在vue开发的中，经常会借助一些第三方插件，经常用的有vue-svg-icon,基本使用步骤为： 1、安装插件（会提示没有安装xml-loader,只需要安装下xml-loader，重启下项目就可以解决报错） 2、引入组件 3、在项目src目录下创建svg文件夹（ 阅读全文
posted @ 2019-01-16 08:59 Gerryli 阅读(3123) 评论(1) 推荐(1)