1.看接口文档data里面变量的数据类型，要看清楚是字符串还是整型。

2.vscode编译器问题： "必须全部为singlequote(单引号)"。

解决：把setting.json里面自动格式化改为false("editor.formatOnSave": false)

参考资料：

3.数据双向绑定：index=""，这个""没有用，要在里面加''才能将变量转换成字符串。

4.前端人员在工作中若遇到接口出现错误时,先告诉后台开发人员,然后自己不能等到别人开发好才写自己的代码,可以先利用接口文档中响应数据,自己先写死一个假数据,如下:

async showProgressBox () {

this.progressDialogVisible = true

// const { data: res } = await this.$http.get('/kuaidi/1106975712662')

// todo

const res = {

data: [

{

time: '2018-05-10 09:39:00',

ftime: '2018-05-10 09:39:00',

context: '已签收,感谢使用顺丰,期待再次为您服务',

location: ''

},

{

time: '2018-05-10 08:23:00',

ftime: '2018-05-10 08:23:00',

context: '[北京市]北京海淀育新小区营业点派件员 顺丰速运 95338正在为您派件',

location: ''

},

{

time: '2018-05-10 07:32:00',

ftime: '2018-05-10 07:32:00',

context: '快件到达 [北京海淀育新小区营业点]',

location: ''

},

{

time: '2018-05-10 02:03:00',

ftime: '2018-05-10 02:03:00',

context: '快件在[北京顺义集散中心]已装车,准备发往 [北京海淀育新小区营业点]',

location: ''

},

{

time: '2018-05-09 23:05:00',

ftime: '2018-05-09 23:05:00',

context: '快件到达 [北京顺义集散中心]',

location: ''

},

{

time: '2018-05-09 21:21:00',

ftime: '2018-05-09 21:21:00',

context: '快件在[北京宝胜营业点]已装车,准备发往 [北京顺义集散中心]',

location: ''

},

{

time: '2018-05-09 13:07:00',

ftime: '2018-05-09 13:07:00',

context: '顺丰速运 已收取快件',

location: ''

},

{

time: '2018-05-09 12:25:03',

ftime: '2018-05-09 12:25:03',

context: '卖家发货',

location: ''

},

{

time: '2018-05-09 12:22:24',

ftime: '2018-05-09 12:22:24',

context: '您的订单将由HLA(北京海淀区清河中街店)门店安排发货。',

location: ''

},

{

time: '2018-05-08 21:36:04',

ftime: '2018-05-08 21:36:04',

context: '商品已经下单',

location: ''

}

],

meta: { status: 200, message: '获取物流信息成功！' }

}

this.progressInfo = res.data

}

5.图表要在dom元素渲染完才显示出来,所以不能放在created(){}的声明周期里面,有一个生命周期可以用就是mounted(){} 生命周期

Echars使用手册:

6.模式和环境变量

7.vue.config.js文件中cdn的引入有问题

cdn的引入写在了外面,应该写在发布模式里面:

8.router/index.js里面文件的单词拼写错了:Home.vue->HomePage.vue

(上一次由于Home.vue文件一直有错误,找了很长时间的错误,最后可能是没有删干净,于是将文件名改为HomePage.vue就好了)

9.router/index.js里面进行懒加载时由于之前已经解析过同名的所以报错了,将以前的删掉即可.