奶茶店APP --单页面 (vue)

使用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我