资讯专栏INFORMATION COLUMN

用Vue2.x重写github-explorer

keithyau / 1812人阅读

摘要:温馨提示这个项目主要是用来学习的,所以我会不断建分支重写,下一个分支是。更加温馨的提示已经将运用在了大型的项目中,反响一流,下一步是转,希望喜欢的同学坚定信念啊。

github-explorer

Rebuild with Vue 2.0

源码地址
1.x版本
Live Demo
React版 Demo

简介

之前看到了一个很有意思的项目,是一位大牛写的github-explorer。他用的是 React + rxjs 的组合来处理视图与事件流的,非常有趣。因为我比较喜欢Vue,所以就用Vue1.x重写了一遍,样式文件和组件方式都没有改,只是修改了内核和数据流部分,个人认为对不熟悉函数式编程和Rx的同学来说更加友好一点。

然后Vue2.x出来了,所以,借着学习的旗号,又重写了一遍,vue-routervuex都相应地更新了。我是用vue-migration-helper来一项一项地修改,由于工作实在忙,所以只能用一些碎片时间来做,不过总时长也就两个小时的样子。

所以最近从Vue1.xVue2.x的同学可以通过这个项目对比参考一下两个分支不同的实践。

技术栈:

Vuejs BEST!!

vue-router 路由

vue-resource 数据获取

Vuex 状态管理

vue-cli 解决了一切的配置烦恼

Get start
npm install
npm run dev

浏览器中输入localhost:8080,报错的话,请加上sudo

温馨提示

这个项目主要是用来学习的,所以我会不断建分支重写,下一个分支是Vue with Rxjs

更加温馨的提示

已经将Vue1.x运用在了大型的项目中,反响一流,下一步是转2.x,希望喜欢Vue的同学坚定信念啊。:)

喜欢就给个star呗:)

Reference

github-explorer

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/91662.html

相关文章

  • 前方来报,八月最新资讯--关于vue2&3的最佳文章推荐

    摘要:哪吒别人的看法都是狗屁,你是谁只有你自己说了才算,这是爹教我的道理。哪吒去他个鸟命我命由我,不由天是魔是仙,我自己决定哪吒白白搭上一条人命,你傻不傻敖丙不傻谁和你做朋友太乙真人人是否能够改变命运,我不晓得。我只晓得,不认命是哪吒的命。 showImg(https://segmentfault.com/img/bVbwiGL?w=900&h=378); 出处 查看github最新的Vue...

    izhuhaodev 评论0 收藏0
  • Vue2.x 与Vue3.x 双向数据绑定区别

    摘要:看过的源码都知道,其双向数据绑定原理是通过的,中的方法来实现数据劫持的,但是有一个弊端就是无法兼听到数组内部的数据变化当然我们可以通过,来实现内部数据变化的检测。相比有一定的性能问题。 showImg(https://segmentfault.com/img/bVbsjcO?w=640&h=372);看过Vue2.x的源码都知道,其双向数据绑定原理是通过es5的Object.defin...

    phpmatt 评论0 收藏0
  • Vue2.x踩坑与总结

    摘要:年前就打算学习并总结一下,但是因为年前工作比较多,所以进展十分缓慢,现在终于学了一大部分,而且自己在学习开发中也踩了不少坑也总结了不少,所以将自己踩过的坑总结一下分享出来。因为在项目中使用了,所以对于也有一个踩坑总结,点击链接。 年前就打算学习并总结一下vue2.x,但是因为年前工作比较多,所以进展十分缓慢,现在终于学了一大部分,而且自己在学习开发中也踩了不少坑也总结了不少,所以将自己...

    bovenson 评论0 收藏0
  • 从0行代码开始学习Vue2.x的虚拟DOM diff原理

    摘要:前言经常看到讲解的虚拟原理的,但很多都是在原代码的基础上添加些注释等等,这里从行代码开始实现一个的虚拟实现标签名孩子文本节点对应的真实对象为什么这里默认把置为,不直接根据用把赋值而要等后面时候再赋值呢定义一个类,创建节点分为两类,一类为节点 前言 经常看到讲解Vue2的虚拟Dom diff原理的,但很多都是在原代码的基础上添加些注释等等,这里从0行代码开始实现一个Vue2的虚拟DOM ...

    justCoding 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<