Vue JS和Laravel

Question

美好的一天，我是a-f的初学者，我试图在表格中获取一些数据..这是我的代码。

我的JS：

s[i] - 'a' + 10

我的观点：

Vuejs

我的路线：

Vue.http.headers.common['X-CSRF-TOKEN'] = $("#token").attr("value");

new Vue({

el: '#incomings',


  methods : {

        getDv: function () {
            this.$http.get('/api/data', function (data) {
                this.$set('dv', data)
            })

        }
  },


  ready : function () {
    this.getDv()
 }


});

我的控制器：

<div class="container" id="incomings">

    <table class="table table-bordered">

        <tr>

            <th>no</th>

        </tr>

        <tr v-for="a in dv">

            <td>@{{ a.id }}</td>

        </tr>

    </table>

</div>

我已经在浏览器中检查了它并且它响应了一个Route::get('/data', 'DvController@incomingsData'); Route::get('/test', 'DvController@incomings'); 数组，但它没有显示在桌面上。 ..

Answer 1

更改

        this.$http.get('/api/data', function (data) {
            this.$set('dv', data)
        })

要

        this.$http.get('/api/data', data => this.$set('dv', data))

this是第一个未绑定到组件实例的代码段，因此它不起作用。

有关this在JS中如何运作的信息是here。