vue实现简单聊天窗口

构建：

• 输入：input
• 提交：button
• 历史消息展示：ul

实现：

• 数据展示到界面：data
• 界面数据动态变化：操作data
• 数据刷新： this.data = value

<div id="app">
        <ul>
            <li v-for="item in message_array">{{item}}</li>
        </ul>
        <input type="text" v-model="message"/>
        <button v-on:click="dealMessage">add</button>
</div>

new  Vue({
     el:"#app",
     data:{
         message_array:[],
         message:''
     },
     methods:{
         dealMessage: function () {
             this.message_array.push(this.message);
             this.message = '';
         }
     }
 })