通过监听数组变化发现，做一个简单的小论坛还是比较容易的，做起来很轻松，代码附上

    1. <template>
    2. <div class="exo">
    3.     <van-nav-bar left-text="返回" @click-left="returnn" title="最近的传染病好多" >
    4. </van-nav-bar>
    5.   <div></div>
    6. <van-cell-group>
    7.   <van-cell value="前几年盛行的埃博拉，还没有解决，现在有冒出来一个新冠肺炎，而且还变异的速度这么快，两剂疫苗都打完了，还有这么多感染，居然国外还有更厉害的变异病毒，真是太恐怖了" />
    8.   <van-image
    9.   width="100%"
    10.   height="200px"
    11.   :src="imgurl"
    12. />
    13. <van-cell title="江上清风" value="2021-07-28 10:03" />
    14. </van-cell-group>
    15. <div>
    16. <van-field
    17.   v-model="message"
    18.   rows="1"
    19.   autosize
    20.   label="留言"
    21.   type="textarea"
    22.   placeholder="请输入留言"
    23. ><template #button>
    24.     <van-button size="small" type="primary"
    25.   @click="ppp">发送</van-button>
    26.   </template></van-field></div>
    27.   <div v-for="(item,index) in item" :key="index">
    28.   <van-cell :value="item.txt"/>
    29.       <van-cell :title="item.name" :value="item.time"/>
    30.   </div>
    31.   <div style="height:80px;"></div>
    32. </div>
    33. </template>
    35. <script>
    36. import dayjs from 'dayjs'
    37. import img from '../../../public/images/论坛截图1.png'
    38. export default {
    39.     data(){
    40.         return{
    41.             imgurl:img,
    42.             message:"",
    43.             ooo:{
    44.                 name:'',
    45.                 tex:'',
    46.                 time:''
    47.             }
    48.             ,
    49.             item:[
    50.                 {
    51.                 name:'泥奏凯',
    52.                 txt:'是啊，天天出行不便，这个不敢，那个不敢，实在是太困扰了',
    53.                 time:'2021-07-28 10:08'
    54.                 },
    55.                  {
    56.                 name:'可乐侠',
    57.                 txt:'同上，我这小区又封上了',
    58.                 time:'2021-07-28 10:23'
    59.                 },
    60.                  {
    61.                 name:'星星之火',
    62.                 txt:'朋友们注意安全，大家加油！',
    63.                 time:'2021-07-28 11:01'
    64.                 },
    65.             ]
    66.         }
    67.     },
    68.     computed:{
    70.     },
    71. methods:{
    72.      ppp(){
    73.         this.ooo.name='游客2507'
    74.         this.ooo.time=dayjs().format('YYYY-MM-DD HH:mm:ss')
    75.         this.ooo.txt=this.message
    76.         this.item.push(this.ooo)
    77.         },
    78.     returnn(){
    79.         this.$router.push('/consult/index')
    80.     }
    81. }
    82. }
    83. </script>
    85. <style lang="scss" scoped>
    86. .exo {
    87.     width: 100%;
    88.     min-height: 800px;
    89. }
    90. .van-cell__title{
    91.     text-align: left !important;
    92. }
    93. .van-cell__value{
    94.     text-align: left !important;
    95.     margin-left: 20px !important;
    96. }
    97. .van-cell__title{
    98.     color: #6E8B3D;
    99. }
    101. </style>

    image.png