v-charts.js 后端是怎么传 数据的？

Question

这是一个案例， 程序猿怎么传 data ？                        <div id="huiKuan" style="height:350px">                          <ve-line :data="chartData" :settings="chartSettings"  :colors="['#ff7e52', '#50abf1', '#5b4947']" :loading="false"></ve-line>                        </div>                        <script>                        new Vue({                            el: '#huiKuan',                            created: function () {                                this.chartData = {                                    columns: ['月份', '去年', '今年'],                                    rows: [                                        { '月份': '1月',  '去年': 1000000, '今年': 2002000 },                                        { '月份': '2月',  '去年': 4000000, '今年': 3002000 },                                        { '月份': '3月',  '去年': 3000000, '今年': 9002000 },                                        { '月份': '4月',  '去年': 1000000, '今年': 1002000 },                                        { '月份': '5月',  '去年': 1000000, '今年': 1002000 },                                        { '月份': '6月',  '去年': 1000000, '今年': 12000000 },                                        { '月份': '7月',  '去年': 4000000, '今年': 1002000 },                                        { '月份': '8月',  '去年': 1000000, '今年': 8002000 },                                        { '月份': '9月',  '去年': 1000000, '今年': 4002000 },                                        { '月份': '10月', '去年': 1000000, '今年': 2002000 },                                        { '月份': '11月', '去年': 1000000, '今年': 3002000 },                                        { '月份': '12月  ', '去年': 5000000, '今年': 6002000 },                                    ],                                                                    }                                    this.chartSettings = {                                }                            }                                                    })                        </script>

Answer 1

可以使用Axios获取数据。

1.后端写api接口文件，数据库信息，数据查询语句

2.前端用get方法获取从api传来的json数据

this.$axios.get('http://localhost:3000/zfjd/zscqbh')

    .then( res => {

    //获取json数据

    }）