مشکل در نمایش لیست آپدیت شده در vue js

نمیدونم چرا به دیتا اضافه میشه اینو توی لاگ نشون میده اما به آیتم های li من اضافه نمیشه .

<template>
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-8">
                <div class="card">
                    <div class="card-header">Example Component</div>

                    <ul class="card-body">
                        <li v-for="item in items" > {{item}} </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        data(){
            return {
                items : []
            }
        },
        mounted() {
            Echo.channel('home')
                .listen('NewMessage' , (e) => {
                    this.items.push(e);
                    console.log(e.message);
                    console.log(this.items);

                });
        }
    }
</script>