This is my Vue learning process
There are some small vue learning examples.
vue学习过程中所做的小项目
- todo-list: 很简单的一个demo; (2019-01-28)增加debucsser来进行测试css debug,可ctrl+鼠标看到class、id、宽*高,可shift+ctrl+鼠标列出所有
- Spinner: 没有用vue-cli做的一个简单的点击input框出现下拉框,做了悬停高亮的效果,监听点击别的地方事件,下拉框消失
- spinner-cli:这个是使用vue-cli脚手架来做的模块化的形式,此处的点击别的地方,下拉框消失的处理方式牵强笨拙;现在看来也可以将上一个的方法放在mounted中执行,后续更可以使用自定义指令来实现
- my-pagenation:实现了一个分页demo
- my-first-vue-project:是一个表格的增删改的功能,以及学习父子通信学习,增加bus实现父子兄弟跨级之间的通信
- vue-test-pieces:vue学习时的碎片
- liteMind-vue:这个中练习了vue-router,并最主要的研究了vue中的所有请求方式。vue中请求本地数据
- vue-rooter-test:最开始学习vue router的时候做的练习
- vuex-single-test:vuex 单文件练习vuex
- vuex-test:其中做了一个用vuex管理状态的todo-list。以及一个登录弹框,注销的demo
- digital-Klotski:vue实现的一个四阶数字华容道,主要在逻辑上
- checkList:根据Vue.js新手教学|如何写一个Checklist组件这篇博客跟学写的。样式照搬,功能自己实现
- checklist-demo:组合vue-router,vuex以及vue基础实现的一个移动端的考场状态以及选中考场的demo。
- inport_echarts :在vue中使用echarts。
- zhihu-daily:这个是跟着《vue.js实践》这本书13章实践部分,敲了一遍知乎日报的实现,其中对知乎日报在线数据的代理以及axios的不同用法值得借鉴
- shopping:这个是《vue.js实践》这本书14章实践部分
- vue_ml-master-fromjige:老大给我们做的一个登录跳转的实例。很值得借鉴
- solarSystem: 一个类太阳系的首页应用
- vue-amcharts-bar: 使用npm发布vue包的例子
vue的一些知识点实践的收藏
- render的练习
- 自定义指令的练习:
v-time
v-birth
v-foucs
v-ctrlq
v-clickoutside
练习使用npm发布个vue包 (在my-pagenation中将这两个组件进行了试用,可行)
- vue-amcharts-bar-npm: amcharts的bar图简单封装成组件
- vue-solar-system: 一个类太阳系的首页应用包