使用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必须是绝对路径。