└── README.md /README.md: -------------------------------------------------------------------------------- 1 | # Vue 2 | 3 | ## Vue文档 4 | | Article | | 5 | | --------- | --------- | 6 | |[Vue-cli脚手架](https://github.com/Wscats/vue-tutorial/issues/2)|[Vue组件](https://github.com/Wscats/vue-tutorial/issues/3)| 7 | |[vue自定义指令](https://github.com/Wscats/vue-tutorial/issues/8)|[Vue过渡动画](https://github.com/Wscats/vue-tutorial/issues/9)| 8 | |[Vue指令](https://github.com/Wscats/vue-tutorial/issues/7)|[Vue api文档](https://github.com/Wscats/vue-tutorial/issues/6)| 9 | |[Vue执行ajax请求](https://github.com/Wscats/vue-tutorial/issues/5)|[vue实现类似angular服务的方法](https://github.com/Wscats/vue-tutorial/issues/4)| 10 | |[Vue源码参考文档](https://github.com/Wscats/vue-tutorial/issues/10)|| 11 | 12 | ## AppDemo 13 | | Demo | | 14 | | --------- | --------- | 15 | |[新闻列表DEMO(1)](https://wscats.github.io/vue-tutorial/新闻列表.html)|[新闻列表DEMO(2)](https://wscats.github.io/vue-tutorial/news/index.html)| 16 | |[CNode社区DEMO](https://wscats.github.io/vue-tutorial/cnode-vue-tutorial/public/)|[图灵机器人](https://wscats.github.io/vue-tutorial/图灵机器人.html)| 17 | 18 | ## 生命周期 19 | | Demo | | 20 | | --------- | --------- | 21 | |[Vue生命周期](https://wscats.github.io/vue-tutorial/vue生命周期.html)|[Vue的$nextTick](https://wscats.github.io/vue-tutorial/vue中的$nextTick.html)| 22 | 23 | ## 路由 24 | | Controller | | | 25 | | --------- | --------- | --------- | 26 | |[路由(v1)demo](https://wscats.github.io/vue-tutorial/路由.html)|[路由(v1)demo2](https://wscats.github.io/vue-tutorial/路由2.html)|[路由(v2)实例demo](https://wscats.github.io/vue-tutorial/vue-router2/news.html)| 27 | 28 | 29 | ## 指令 30 | | Directive | | | 31 | | --------- | --------- | --------- | 32 | |[指令demo](https://wscats.github.io/vue-tutorial/指令.html)|[自定义指令demo](https://wscats.github.io/vue-tutorial/自定义指令.html)|[滑动手势demo](https://wscats.github.io/vue-tutorial/滑动手势指令.html)| 33 | 34 | 35 | ## 过滤器 36 | | Filter || 37 | | --------- | --------- | 38 | |[过滤器demo](https://wscats.github.io/vue-tutorial/过滤器.html)|[过滤器实现分页demo](https://wscats.github.io/vue-tutorial/vue使用过滤器实现分页.html)| 39 | |[过滤器读写数据](https://wscats.github.io/vue-tutorial/vue过滤器读写数据.html)|[自定义搜索关键词高亮](https://wscats.github.io/vue-tutorial/自定义搜索关键词高亮.html)| 40 | 41 | ## 过渡 42 | | Transition | | 43 | | --------- | --------- | 44 | |[过渡demo](https://wscats.github.io/vue-tutorial/过渡.html)|[过渡demo2](https://wscats.github.io/vue-tutorial/过渡2.html)| 45 | 46 | ## 表单 47 | | Form | 48 | | --------- | 49 | |[获取表单值](https://wscats.github.io/vue-tutorial/vue获取表单值.html)| 50 | 51 | ## 计算 52 | | Computed | 53 | | --------- | 54 | |[计算属性](https://wscats.github.io/vue-tutorial/vue计算属性.html)| 55 | 56 | ## 组件 57 | | Component || 58 | | --------- | --------- | 59 | |[组件demo](https://wscats.github.io/vue-tutorial/组件.html)|[点击预览大图](https://wscats.github.io/vue-tutorial/预览图片.html)| 60 | |[新闻列表DEMO](https://wscats.github.io/vue-tutorial/新闻列表.html)|| 61 | 62 | ## Vuex 63 | | Vuex | 64 | | --------- | 65 | |[Vuex组件间的通信](https://wscats.github.io/vue-tutorial/vuex组件间的通信demo.html)| 66 | --------------------------------------------------------------------------------