使用vue开发饿了么前端页面一点坑

1、是否检查分号
在.eslintrc.js中的rules中设置

// 检查时:
'semi': ["error", "always"]
// 不检查时:
'semi': 0

2、报错Cannot read property '$createElement' of undefined
var routes = [
{path: '/goods', components: goods},
{path: '/ratings', components: ratings},
{path: '/seller', components: seller}
]
把components改成component,不加s

3、This dependency was not found: * !!vue-style-loader!css-loader?……解决方案
需要重新安装stylus,如下:

// 在package.json中
 "stylus-loader": "^2.5.1"
 "stylus": "0.52.4"  
// npm install stylus-loader css-loader style-loader --save-dev
 npm run dev 

4、报错2Frequire-v-for-key Elements in iteration expect to have 'v-bind:key' directives
给使用v-for的语句加上:key="item.id",item.id表示元素自身的id属性。

5、实现小球动画时after-enter钩子函数不执行
缺少done回调函数,添加el.addEventListener('transitionend', done)。当只用 JavaScript 过渡的时候, 在 enter 和 leave 中,回调函数 done 是必须的 。 否则,它们会被同步调用,过渡会立即完成。

6、star组件使用let score = Math.floor(this.score * 2) / 2;
对分数进行处理:向下取0.5的倍数,有小数则存在半星,没有小数则没有。

7、使用axios发起http请求时404 not found
将data.json文件放在static文件夹里面,因为只有static目录下的文件可以被外部访问,url必须是绝对路径。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一、组件拆分 在App.vue这个大组件中,添加小的组件,按页面模块划分,也就是头部header、导航nav、主体...
    EndEvent阅读 923评论 0 2
  • 前言:人生聚散,一切随缘,此生相遇过,足矣;此情拥有过,无憾! 人这一生, 每天都会遇见不同的人。 有的人,成了朋...
    博慧bohui阅读 2,025评论 0 2
  • 尽量不困于情,不乱于心,很努力的做好自己的事情就好
    cimao阅读 216评论 0 0
  • 黑乎乎 你在夜里的风里朝我走走 真是 羞甚极了 为何漫漫的长夜和你 总是如此寥寥 相称 我的心是那刻溢满的橘子果酱...
    Dianee阅读 338评论 0 1
  • 有个年轻貌美的少女,出身豪门、多才多艺,她家的门槛都快被媒婆踩断了,她仍不想出嫁,因为她始终都在盼望如意郎君的出现...
    保险经纪人生阅读 141评论 0 0