Javascript 在组件Vuejs 2中声明动态数据

我现在从vue js 2开始。我有一段代码，它从服务器（laravel 5.3应用程序）接收动态数据，问题是当我试图在组件上声明用户数组而不是在Vue（）实例中声明时（在本例中效果很好）：

HTML:

---

错误消息：“未捕获引用错误：未定义用户”

看起来您正在尝试执行

内联模板

尝试将该指令添加到

调用中

    <div id="app">
            <my-component inline-template>
                    <ul id="users-list">
                            <li v-for="user in users">{{user.name}}</li>
                    </ul>
            </my-component>
    </div>

---

看起来您正在尝试执行

内联模板

尝试将该指令添加到您的

调用中

    <div id="app">
            <my-component inline-template>
                    <ul id="users-list">
                            <li v-for="user in users">{{user.name}}</li>
                    </ul>
            </my-component>
    </div>

    <div id="app">
            <my-component inline-template>
                    <ul id="users-list">
                            <li v-for="user in users">{{user.name}}</li>
                    </ul>
            </my-component>
    </div>

    Vue.component('my-component', {
        data: function () {
            return {
                users: []
            }
        },
        mounted: function() {
            this.$http.get('http://127.0.0.1:8003/api/test').then((response) => {
                console.log(response.body);
                this.users = response.body;
            }, function() {
                alert('brrh');
            });
        }
    });

    new Vue({
            el: '#app',
    });