vue数据存储 并显示在页面

Question

用vue在做一个模拟的对话框
第一个框为我的数据

实现的最终结果是刷新页面还有两个人的聊天记录

请问各路大神指导一二 给个思路

Answer 1

存在localstorage里面，创建的时候，读取出来放在data里面

Answer 2

页面采用遍历的形式展示出来，一边聊天一边保存
数据结构
data = [{name:'a',msg:'hahha'，date:xxx},{name:'b',msg:'hahha',date:xxx}],
大概写法
v-for = 'let i of data'
<p v-class="right:i['name']===user">{{i.name}}:{{i.msg}}</p>