用axios获取数据后无法显示数据在列表中

TO用axios获取数据后无法显示数据在列表中

html代码：

json代码：

以上的代码的效果图如下图：

再看看下面的图：

到这里我之前就很迷，为什么这里明明获取了数据了，但是li节点就是不显示出来呢，问题就在这个this上面：

我犯了一个错误，就是以为这里的this是直接指向vm对象的，但是实际上这里并不是，当我加上下面的代码：
console.log(this)
答应出来这里却是window对象：

所以在使用axios方法之前先定义一个对象把vm对象代替，

再来看看效果：

这就是一个小小的错误，但是让我想了好久，也是百度了一下，才知道的，在这里分享出来，希望大家也能解决
这里有个大神的文章，看了他的我才知道的：
https://www.csdn.net/gather_2f/MtTaAgwsNTExMC1ibG9n.html
[1]: http://meta.math.stackexchange.com/questions/5020/mathjax-basic-tutorial-and-quick-reference
[2]: https://mermaidjs.github.io/
[3]: https://mermaidjs.github.io/
[4]: http://adrai.github.io/flowchart.js/