windows10 上浅尝vue js好记性不如烂笔头之三

本节开始实战项目。
布局layout.vue
首页index.vue
引入vue-resource
引入json-server
config/index.js 中proxyTable使用

image.png

image.png

image.png

首页幻灯片制作,本次自己实现
0、父组件调用子组件，传值
1、子组件接收参数，维护当前index，分页切换实现
2、前一页，后一页按钮实现
3、自动播放实现
4、切入动画效果实现---transition
5、子组件通过事件触发父组件再次学习
查找vue js的组件库的推荐 https://github.com/vuejs/awesome-vue

image.png

弹窗组件及关闭

image.png

登录注册表单验证和提交

够买详情页路由

其他

视频共享：
链接: https://pan.baidu.com/s/18TFC0-VSCIWFo977p4YcTQ
提取码: rjcp

源代码共享：
https://gitee.com/marvinma/vue2-pc