vue 模仿今日头条demo

vue 头条 demo

写在前面

总结一下写 demo 过程中 遇到的一些问题,方便自己的学习总结!如有错误,还请指正!
  1. 一直想学习使用 vue ,并准备以后在实际项目使用,之前跟着慕课网 黄轶 老师 敲了一下 饿了么商品购买页的demo
    ele效果预览
  2. 该 demo 借鉴自 hcy1996-github 这个项目,但内部内容,布局风格,完全不同,只为共同学习,共同交流
  3. 数据接口 直接打开 今日头条 网页版 ,在 network 分析了下,直接 copy 过来的
  4. 还有很多功能没有实现,后期在完善吧!
  5. 项目地址:github-项目地址
  6. 预览效果: demo预览效果
  7. 建议在 chrome 浏览器查看(不知道为什么在手机上数据请求,一个劲卡死,不知道是不是因为今日头条接口的原因)

演示

静态资源
  1. 头部添加 rem 布局
  2. 引入 reset.css
  3. 使用 阿里妈妈图标库,index.html 引入

 使用 css 预处理器 sass

  1. 安装 node-sass sass-loader npm install node-sass sass-loader --save-dev
  2. 使用