Php Vue Js未出现在刀片服务器上

我试着在我最近的项目上实现vue js，因为我是新手，我可能会犯一些我抓不到的错误。我正在编写我所遵循的步骤，以使我的组件正常工作。如果你发现任何错误，希望你能帮我解决

这是我的观点：

<div class="panel-body">
                   <chat inline-template>

                        You are logged in!

                        <hr>

                        <h2>Write something to all users</h2>
                        <input type="text" class="form-control" placeholder="something" required="required" v-model="newMsg" @keyup.enter="press">            

                        <hr>
                        <h3>Messages</h3>

                        <ul v-for="post in posts">
                       <b>@{{ post.username }} says:</b> @{{ post.message }}</li>    
                        </ul>
                     </chat>
                </div>

这是我的聊天室。vue

<script>
module.exports = {

    data() {
        return {
            posts: [],
            newMsg: '',

        }
    },


    ready() {
        Echo.channel('public-test-channel')
            .listen('ChatMessageWasReceived', (data) => {

                // Push ata to posts list.
                this.posts.push({
                    message: data.chatMessage.message,
                    username: data.user.name
                });
            });
    },

    methods: {

        press() {

            // Send message to backend.
            this.$http.post('/message/', {message: this.newMsg})
                .then((response) => {

                    // Clear input field.
                    this.newMsg = '';
                });
        }
    }
};
</script>

module.exports={
数据（）{
返回{
员额：[]，
新消息：“”，
}
},
就绪（）{
Echo.channel（'public-test-channel'）
.listen（'ChatMessageWasReceived'，（数据）=>{
//将ata推送到帖子列表。
这是推({
消息：data.chatMessage.message，
用户名：data.user.name
});
});
},
方法：{
新闻界（）{
//将消息发送到后端。
this.$http.post（'/message/'，{message:this.newMsg}）
。然后（（响应）=>{
//清除输入字段。
this.newMsg=''；
});
}
}
};

---

当我加载我的视图时，我什么也没看到。指空白页。可能的错误是什么？提前感谢

您需要在组件周围有一个app div：

<div id ="app">
    <chat>

    </chat>
</div>

这是创建Vue应用程序的地方

---

Mick

你的id应用程序元素在哪里？有控制台错误吗？http响应代码是什么？

<div id ="app">
    <chat>

    </chat>
</div>