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

【问题标题】：Laracast Video(Push Events to the Client) error?Laracast 视频（向客户端推送事件）错误？
【发布时间】：2016-04-05 05:16:53
【问题描述】：

我尝试创建事件处理...所以我遵循了这个视频教程 ..一切都很完美。但是在最后一分钟的视频中，当我尝试在 list view 中显示用户名时，它不会作为列表视图实时更新，但我检查了 console.log('users') 每个对象我可以从我的控制台获取它....但在视图中没有更新或没有错误............什么是错误？这是视频教程 - 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>

【问题讨论】：

标签： laravel vue.js

【解决方案1】：

v-repeat 指令在 1.0 版中已弃用，取而代之的是 v-for。

1.0 将旧的 v-repeat 指令替换为 v-for。除了提供相同的功能和更直观的作用域之外，v-for 在渲染大型列表和表格时提供高达 100% 的初始渲染性能提升！

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

【讨论】：