摘要:Vue3写一个倒计时组件 vue3 beta版本发布已有一段时间了,文档也大概看了一下,不过对于学一门技术,最好的方法还是实战,于是找了一个比较简单的组件用vue3来实现,参考的是vant的countdown组件。 Vue Composition API文档: "如果对vue3语法还不熟悉的,可以先 阅读全文
posted @ 2020-05-13 17:33 Runlin 阅读(1882) 评论(1) 推荐(0) 编辑
摘要:1. watch 与 computed 的巧妙结合 如上图,一个简单的列表页面。 你可能会这么做: 如果参数比较多,比如上图 关键字筛选, 区域筛选, 设备ID筛选, 分页数, 每页几条数据, 可能会是这样: 不过这么写,明显有问题,主要是watch了很多参数,而且函数的处理都差不多,可以修改一下, 阅读全文
posted @ 2018-06-10 23:10 Runlin 阅读(4439) 评论(4) 推荐(5) 编辑
摘要:基于vuex, vue router,vuex的权限控制教程,完整代码地址见 https://github.com/linrunzheng/vue permission control 接下来让我们模拟一个普通用户打开网站的过程,一步一步的走完整个流程。 首先从打开本地的服务localhost:80 阅读全文
posted @ 2018-05-02 16:35 Runlin 阅读(70690) 评论(38) 推荐(19) 编辑
摘要:以下为vue后台管理项目中使用vuex的一点总结,截取了其中部分代码,如有什么错误,还望指出。 1. token 存储 登陆成功之后,需要把获取到的 token 存储到 vuex 中,配合 axios(或其他 ajax 库)的拦截器每次请求前加到 header 中传给后台。不过光放在 vuex 是不 阅读全文
posted @ 2018-04-09 15:14 Runlin 阅读(1074) 评论(0) 推荐(1) 编辑
摘要:本需要对webpack已有一定的了解,如果你没接触过webpack或者刚刚接触webpack,可以考虑先看一下我的这篇教程。 "入门教程" 1.打包多文件 之前,当需要打包多个而文件时,我是这么写的: 可以发现,我们在entry中手动引入了多个文件; 在plugins中,我们又手动的多次new ht 阅读全文
posted @ 2017-09-22 15:21 Runlin 阅读(12283) 评论(1) 推荐(2) 编辑
摘要:上拉加载以及下拉刷新都是移动端很常见的功能,在搜索或者一些分类列表页面常常会用到。 跟横向滚动一样,我们还是采用better scroll这个库来实现。由于better已经更新了新的版本,之前是0.几的版本,更新了一下发现,现在已经是1.2.6这个版本了,新版本多了些 比较好用的api,所以我也重写 阅读全文
posted @ 2017-09-11 10:06 Runlin 阅读(12512) 评论(2) 推荐(3) 编辑
摘要:现在有一个数据,需要你渲染出对应的列表出来: 哼,easy! 语罢,又是一道题飞来! 哦,还带了儿子来当帮手。我一个循环再一个循环,轻松带走你们 还有谁? 竟然把全家都带来了,看我 大法。 嗯,不知道他家几代同堂,我该循环几次?突然间你感觉遇到对手了。 正纳闷着,突然有人拍了一下你的肩膀,兄弟,我这 阅读全文
posted @ 2017-09-05 18:33 Runlin 阅读(3445) 评论(1) 推荐(0) 编辑
摘要:什么是vuex? 官方的解释是:Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。 简单来说就是 。 为什么要用vuex? 对于父子组件之前的通信,父组件通过porps传递到子组件,子组件通过$ 阅读全文
posted @ 2017-08-28 22:51 Runlin 阅读(30745) 评论(8) 推荐(1) 编辑
摘要:貌似有部分人要求写的更详细,这里多写一点vuel cli基础的配置 什么是vue cli? 官方的解释是:A simple CLI for scaffolding Vue.js projects, 简单翻译一下,就是: 用简单的命令行来生成vue.js项目脚手架。 <! 全局安装vue cli np 阅读全文
posted @ 2017-08-06 13:00 Runlin 阅读(42235) 评论(12) 推荐(1) 编辑
摘要:本系列将会用vue.js2制作一个移动端的webapp单页面,页面不多,大概在7,8个左右,不过麻雀虽小,五脏俱全,常用的效果如轮播图,下拉刷新,上拉加载,图片懒加载都会用到。css方面也会有一些描述,像不同分辨率的适配,flex布局以及scss来编写mixin来处理2x,3x图等。 初始工作: 通 阅读全文
posted @ 2017-07-23 22:34 Runlin 阅读(28762) 评论(10) 推荐(5) 编辑