Vue是目前常用的前端框架之一，它的快速、簡單、靈活的特性使得越來越多的開發者選擇使用Vue來進行項目開發。而ElementUI是一套基于Vue的組件庫，它提供了一系列的組件和方法，能夠快速構建自己的前端頁面。

在項目開發中，聊天功能是非常常見的需求。ElementUI中內置了非常方便的聊天組件，在使用Vue進行開發時，我們可以很輕松地引入和運用這個組件。

<template>
<el-chat theme="light" @send="handleSend" :msgs="chatData"></el-chat>
</template>
<script>
export default {
data () {
return {
chatData: [
{
type: 'text',
content: 'Hello'
},
{
type: 'text',
content: 'How are you?'
}
]
}
},
methods: {
handleSend (msg) {
this.chatData.push({
type: 'text',
content: msg
})
}
}
}
</script>

通過上述代碼，我們創建了一個簡單的聊天界面，并添加了一些默認發送的信息和發送聊天信息后的處理邏輯，非常方便。