使用vue2+vue-router2+vue-cli2+vue-resource+stylus+webpack
展示地址戳一下
---------------------------------------------------------------------------------------------------------------------
需要注意的几个点(我做的时候出现的错误+重要的点):
1.有些教程给的是vue1.0的一些写法,然后vue2.0就各种报错。
2.初始化vue项目的时候打开了eslint,注意空格
3.better-scroll插件设置click:true,否则移动端滑动没得效果
4.设备上的像素=样式像素*设备像素比
5.背景模糊filter:blur(10px)
6.transition过渡效果(添加的动态效果)
fade-enter
fade-enter-active
fade-leave
fade-leave-active
具体->https://cn.vuejs.org/v2/api/#transition
7.页面切换时,避免重新渲染 keep-alive
<keep-alive> <router-view:seller="seller"></router-view> </keep- alive>
8.vue1.0页面跳转用,so你用
9.安装vue-resource,通过this.$http.get发送get请求,then()获取数据,具体看这个https://blog.csdn.net/qq_36664799/article/details/93740511 踩坑之后写的一篇博客,很多种方法获取数据
10.注意引用组件的时候,写对地址呀亲
建议结合视频(并百度)进行练习,实话说,不建议用这个做练习,这个应该正式的一点点做,这么多bug,视频前期还是1.0,很坑。
教程biu我