JS实现简单留言板

最新推荐文章于 2023-08-29 17:29:08 发布

blank_06

最新推荐文章于 2023-08-29 17:29:08 发布

阅读量195

点赞数

文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/kd_want/article/details/130159061

版权

本文档将指导你如何利用JavaScript基础以及Vue.js框架来创建一个简单的在线留言板应用。我们将涵盖数据绑定、事件处理以及如何将用户输入展示在页面上。

摘要由CSDN通过智能技术生成

<template>
    <div>
        <p>
            标题：<input type="text" v-model="title">
        </p>
        <p>
            内容：<input type="text" v-model="content">
        </p>
        <button @click="addmessage">添加</button>
        <input type="text" v-model="searchChar">
        <ul>
            <li v-for="(item,index) in newList" :key="index">
                <p>
                    {
  {item.title}}
                </p>
                <p>
                    {
  {item.content}}
                </p>
            </li>
        </ul>
    </div>
</template>
<script>
import {ref,reactive,toRefs,computed,watch} from "vue"
export default{
    name:'HomeView',
    setup(){