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

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


windows10 上浅尝vue js好记性不如烂笔头之三_第1张图片
image.png

windows10 上浅尝vue js好记性不如烂笔头之三_第2张图片
image.png
windows10 上浅尝vue js好记性不如烂笔头之三_第3张图片
image.png

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

windows10 上浅尝vue js好记性不如烂笔头之三_第4张图片
image.png

弹窗组件及关闭


windows10 上浅尝vue js好记性不如烂笔头之三_第5张图片
image.png

登录注册表单验证和提交

够买详情页路由

其他

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

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

你可能感兴趣的:(windows10 上浅尝vue js好记性不如烂笔头之三)