Javascript django vue js&；Highcharts异步从JSON获取数据

我目前正在使用django、highcharts和JQuery构建一个简单的数据可视化web应用程序。我刚从JQuery迁移到Vue Js，我对Vue Js如何从特定url获取JSON数据感到困惑。这是我的密码：

模板

Django Highcharts示例
$.ajax({
url:$（“#容器”）.attr（“数据url”），
数据类型：“json”，
成功：功能（数据）{
图表（“容器”，数据）；
}
});

案例已关闭。我可以通过使用vue js生命周期挂钩来实现它。但是，它仍然足够慢，无法加载页面。需要（4到7秒）但它可以工作。这是我的模板

使用Vue Axios
[[dataTitanic]]
图表如下所示：
var url=“{%url”异步图表数据“%””；
var app=新的Vue({
分隔符：['['，']]']，
el:“#应用程序”，
数据（）{
返回{
泰坦尼克号：空，
}
},
安装的（）{
axios
.get（url）
。然后（response=>（this.dataTitanic=response['data']））
},
更新之前（）{
Highcharts.chart（'container'，this.dataTitanic）
}
})