Question

我尝试创建事件处理...所以我按照这个视频教程..一切都很完美。但是在最后一分钟视频中，当我尝试在列表视图中显示用户名时，它没有实时更新为列表视图，但我检查了 console.log（＆＃39; users＆＃39;） 我可以从我的控制台获取每个对象....但是在视图中没有更新或没有错误.........什么是错误？这是视频教程 - LINK

<body>
    <ul id="users">
            <li v-repeat="user: users">@{{ user.name }}</li>
        </ul>
<script src="https://js.pusher.com/3.0/pusher.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/1.0.20/vue.min.js"></script>
<script>
//    (function () {
//        var pusher = new Pusher('82355e6cc93e7a15d7d5', {
//            encrypted: true
//        });
//
//        var channel = pusher.subscribe('test');
//        channel.bind('App\\Events\\UserHasRegistered', function(data) {
//            console.log(data);
//        });
//    })();

   new Vue({
     el: '#users',
    data:{
            users:[]
        },
ready: function(){
var pusher = new Pusher('82355e6cc93e7a15d7d5', {
               encrypted: true
           });
pusher.subscribe('test')
                    .bind('App\\Events\\UserHasRegistered',this.addUser);
        },
methods: {
            addUser: function(user){
                this.users.push(user);
            }
        }
    })
</script>
</body>

Answer 1

版本1.0中不推荐使用v-repeat指令，并将其替换为v-for。

1.0将v-repeat指令替换为v-for。除了提供相同的功能和更直观的范围外，v-for还可在渲染大型列表和表格时提供高达 100％的初始渲染性能！

http://vuejs.org/2015/10/26/1.0.0-release/#Faster-Initial-Rendering

Laracast视频（向客户端推送事件）错误？

1 个答案: