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')&nbsp; &nbsp; .then( res => {&nbsp; &nbsp; //获取json数据&nbsp; &nbsp; }）