热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

分享一个比较完整的Vue2+项目供大家交流学习

分享一个比较完整的Vue2+项目供大家交流学习,这个项目的英文简介:AwesomedoubanDEMOcreatedwithVue2.x+Vuex+Vue-router+vue-r

分享一个比较完整的Vue2+项目供大家交流学习,这个项目的英文简介:Awesome douban DEMO created with Vue2.x + Vuex + Vue-router + vue-resource

项目地址:https://github.com/jeneser/do…

在线演示:https://jeneser.github.io/dou…

翻译过来呢就是一个涉及面较广的使用豆瓣API作为数据源的Vue2+DEMO。使用了Vue团队所推荐的一些流行的周边插件或库,从路由,到http请求,再到集中式状态管理,总之你要的,都在这。如果你还不清楚怎样将这些库和插件整合在一起,同时使用SCSS来编写具有漂亮UI界面的完整项目,又或者不能简单的勾勒出整体的架构,那么这个项目很可能和你胃口,又或者,你想了解一下Vue的各个API到底怎么用,用在哪里?呐,给你,都在这了。

我相信很多童鞋在找这么一个项目,能由浅入深,而不总是泛泛而谈的简单的使用几个指令或一些模板语法来糊弄大家。我读书少,你别忽悠我。当然啦,很多同学对Vue跃跃欲试,希望能快速上手Vue,享受Vue带来的乐趣,却总是无从下手,不知道用它能做什么,要做点什么,又或是一些同学在网上零零碎碎看了一些文章,就到处说Vue是多么多么简单,我不看文档,不看你什么有多么NB的项目就能怎么怎么样,那你倒是怎么怎么样啊。

我只能呵呵…记得有句话是这么说的,你的能力和你的谦虚程度是有很大关系的。平时在群里遇到的最有趣的莫过于看大家在群里讨论了:是日,有同学问了一句,为啥我的代码在IE8里不能运行呢,有人回到:我的也是,我换了360浏览器,极速模式,普通模式切换了还是不行,真奇怪啊!于是乎大家开始讨论浏览器内核,讨论你都用什么浏览器,讨论蹲在角落满脸无辜的IE系浏览器,哎呦我去,学习呢,别介,斗图吧…你一图我一图,问题也就不了了之了。

讲个冷笑话,别当真。不过这个问题还是要说一下的。挖了坑终究要填。Vue响应式原理中的变化追踪是基于Object.defineProperty的,而Object.defineProperty 是仅 ES5 支持,且无法 shim 的特性,这也就是为什么 Vue 不支持 IE8 以及更低版本浏览器的原因。了解更多

如果你还不了解这些东西,也没事,慢慢来,静下心来,好好读读官方文档,如此通俗易懂,行云流水般的中文文档实在少见。少一些浮夸与套路,多一些务实与真诚!

昨天晚上更新了LiveDemo,整理了英文README,便给awsome-vue提交了PR,今天早上便被Merge了,是加在了Examples分类下。awsome-vue大概是8到24个小时集中处理一次pr和issue,主要由一位来自日本的开发者kazupon负责这个事情。GitHub上成千上万的开源爱好者年复一年,日复一日,无偿的为社区服务,热心的帮助来自世界各地的志同道合的小伙伴,嗯,这大概便是开源精神吧!又如卡尔维诺所说:“在梦中,他是一个青年,来到这里他已是老年,欲望已成记忆,行动起来吧少年,趁时间还早……

好了,扯了这么多,我都不知道你到底要说什么了。回到正题,这个项目可能不尽完美,是的,我也在学习中,项目也一直在更新中。对于很多小伙伴要求的完整的登录逻辑,也正在完善,后端node已经写了大半了,相信很快就能完成更新。我将会抽时间写个系列文章,把开发中遇到的问题,坑,或者是小技巧沉淀下来,这一系列文章并不会按部就班的从头到尾复制粘贴代码一步步告诉你怎样做个项目,应为这样的文章太多了,xx安装教程,xx入门hello Word教程,不能说没用,比较鸡肋吧。这一系列文章能写多少就写多少,能解决问题,尽量不扯淡。这大概是第一篇。

最后如果你在查看这个项目时有什么意见或建议可以直接联系我或到项目地址提交英文issue,只要我看到了会立即回复的,大家共同学习共同进步。

就这么多吧。
Hope you like it!

《分享一个比较完整的Vue2+项目供大家交流学习》

《分享一个比较完整的Vue2+项目供大家交流学习》

《分享一个比较完整的Vue2+项目供大家交流学习》

《分享一个比较完整的Vue2+项目供大家交流学习》
如果存在侵权请及时联系我。

本文首发于简书 原创文章转载请注明
作者:jeneser
Github:https://github.com/jeneser


推荐阅读
  • 20211101CleverTap参与度和分析工具功能平台学习/实践
    1.应用场景主要用于学习CleverTap的使用,该平台主要用于客户保留与参与平台.为客户提供价值.这里接触到的原因,是目前公司用到该平台的服务~2.学习操作 ... [详细]
  • [译]技术公司十年经验的职场生涯回顾
    本文是一位在技术公司工作十年的职场人士对自己职业生涯的总结回顾。她的职业规划与众不同,令人深思又有趣。其中涉及到的内容有机器学习、创新创业以及引用了女性主义者在TED演讲中的部分讲义。文章表达了对职业生涯的愿望和希望,认为人类有能力不断改善自己。 ... [详细]
  • 本文介绍了闭包的定义和运转机制,重点解释了闭包如何能够接触外部函数的作用域中的变量。通过词法作用域的查找规则,闭包可以访问外部函数的作用域。同时还提到了闭包的作用和影响。 ... [详细]
  • 云原生边缘计算之KubeEdge简介及功能特点
    本文介绍了云原生边缘计算中的KubeEdge系统,该系统是一个开源系统,用于将容器化应用程序编排功能扩展到Edge的主机。它基于Kubernetes构建,并为网络应用程序提供基础架构支持。同时,KubeEdge具有离线模式、基于Kubernetes的节点、群集、应用程序和设备管理、资源优化等特点。此外,KubeEdge还支持跨平台工作,在私有、公共和混合云中都可以运行。同时,KubeEdge还提供数据管理和数据分析管道引擎的支持。最后,本文还介绍了KubeEdge系统生成证书的方法。 ... [详细]
  • 本文介绍了设计师伊振华受邀参与沈阳市智慧城市运行管理中心项目的整体设计,并以数字赋能和创新驱动高质量发展的理念,建设了集成、智慧、高效的一体化城市综合管理平台,促进了城市的数字化转型。该中心被称为当代城市的智能心脏,为沈阳市的智慧城市建设做出了重要贡献。 ... [详细]
  • Android中高级面试必知必会,积累总结
    本文介绍了Android中高级面试的必知必会内容,并总结了相关经验。文章指出,如今的Android市场对开发人员的要求更高,需要更专业的人才。同时,文章还给出了针对Android岗位的职责和要求,并提供了简历突出的建议。 ... [详细]
  • CSS3选择器的使用方法详解,提高Web开发效率和精准度
    本文详细介绍了CSS3新增的选择器方法,包括属性选择器的使用。通过CSS3选择器,可以提高Web开发的效率和精准度,使得查找元素更加方便和快捷。同时,本文还对属性选择器的各种用法进行了详细解释,并给出了相应的代码示例。通过学习本文,读者可以更好地掌握CSS3选择器的使用方法,提升自己的Web开发能力。 ... [详细]
  • 本文介绍了C#中生成随机数的三种方法,并分析了其中存在的问题。首先介绍了使用Random类生成随机数的默认方法,但在高并发情况下可能会出现重复的情况。接着通过循环生成了一系列随机数,进一步突显了这个问题。文章指出,随机数生成在任何编程语言中都是必备的功能,但Random类生成的随机数并不可靠。最后,提出了需要寻找其他可靠的随机数生成方法的建议。 ... [详细]
  • “你永远都不知道明天和‘公司的意外’哪个先来。”疫情期间,这是我们最战战兢兢的心情。但是显然,有些人体会不了。这份行业数据,让笔者“柠檬” ... [详细]
  • 安卓select模态框样式改变_微软Office风格的多端(Web、安卓、iOS)组件库——Fabric UI...
    介绍FabricUI是微软开源的一套Office风格的多端组件库,共有三套针对性的组件,分别适用于web、android以及iOS,Fab ... [详细]
  • 解决Cydia数据库错误:could not open file /var/lib/dpkg/status 的方法
    本文介绍了解决iOS系统中Cydia数据库错误的方法。通过使用苹果电脑上的Impactor工具和NewTerm软件,以及ifunbox工具和终端命令,可以解决该问题。具体步骤包括下载所需工具、连接手机到电脑、安装NewTerm、下载ifunbox并注册Dropbox账号、下载并解压lib.zip文件、将lib文件夹拖入Books文件夹中,并将lib文件夹拷贝到/var/目录下。以上方法适用于已经越狱且出现Cydia数据库错误的iPhone手机。 ... [详细]
  • sklearn数据集库中的常用数据集类型介绍
    本文介绍了sklearn数据集库中常用的数据集类型,包括玩具数据集和样本生成器。其中详细介绍了波士顿房价数据集,包含了波士顿506处房屋的13种不同特征以及房屋价格,适用于回归任务。 ... [详细]
  • XML介绍与使用的概述及标签规则
    本文介绍了XML的基本概念和用途,包括XML的可扩展性和标签的自定义特性。同时还详细解释了XML标签的规则,包括标签的尖括号和合法标识符的组成,标签必须成对出现的原则以及特殊标签的使用方法。通过本文的阅读,读者可以对XML的基本知识有一个全面的了解。 ... [详细]
  • Google Play推出全新的应用内评价API,帮助开发者获取更多优质用户反馈。用户每天在Google Play上发表数百万条评论,这有助于开发者了解用户喜好和改进需求。开发者可以选择在适当的时间请求用户撰写评论,以获得全面而有用的反馈。全新应用内评价功能让用户无需返回应用详情页面即可发表评论,提升用户体验。 ... [详细]
  • 自动轮播,反转播放的ViewPagerAdapter的使用方法和效果展示
    本文介绍了如何使用自动轮播、反转播放的ViewPagerAdapter,并展示了其效果。该ViewPagerAdapter支持无限循环、触摸暂停、切换缩放等功能。同时提供了使用GIF.gif的示例和github地址。通过LoopFragmentPagerAdapter类的getActualCount、getActualItem和getActualPagerTitle方法可以实现自定义的循环效果和标题展示。 ... [详细]
author-avatar
手机用户2502872003
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有