我的vue商城项目第一天

我只是一个虾纸丫 提交于 2019-12-10 21:19:41

我的vue商城项目第一天
在这里插入图片描述
main.js是js入口
index.html是页面入口
app.vue是组件入口
router.js是路由入口

1,导入组件,导入路由····
在这里插入图片描述
2,vue控制路由切换router-link
在这里插入图片描述
3,替换路由默认的类,实现点击高亮效果
在这里插入图片描述
至此,完成tab路由切换
在这里插入图片描述
4,src–>components用于存放组件,包含tabbar用于存放四个路由组件
5,mintui的swiper轮播图组件并加载,然后安装vue-resource,可以从服务器拿到素材图片,这里省略。
6,效果如下
在这里插入图片描述

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!