Vue-案例-todolist（一）

最新推荐文章于 2024-10-14 16:33:38 发布

joker.ma

最新推荐文章于 2024-10-14 16:33:38 发布

阅读量323

点赞数 1

分类专栏：案例文章标签： Vue 表单 v-model 绑定

本文链接：https://blog.csdn.net/qq_45092792/article/details/97183193

版权

这篇博客主要介绍了如何使用Vue.js构建一个基础的TodoList应用。文章着重展示了Vue的核心特性v-model在表单数据双向绑定中的运用，通过实例代码展示了如何实现待办事项的增删功能。

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

只写了能实现功能的部分，具体细节样式没有写完整

代码如下

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>第一个</title>
    <style>

        .active {
            color: red;
        }
        #app{
            width: 800px;
            margin: 100px auto;
        }

        ul>li>button {
            background: rgba(0, 0, 0, 0);
            border: none;
        }
    </style>
    <script src="https://cdn.bootcss.com/vue/2.6.10/vue.js"></script>    
</head>

<body>
    <div id=&#