todoList系统

最新推荐文章于 2024-04-02 09:56:38 发布

四叶草-ran

最新推荐文章于 2024-04-02 09:56:38 发布

阅读量331

点赞数 1

文章标签： html javascript vue

本文链接：https://blog.csdn.net/weixin_38234923/article/details/70243134

版权

本文介绍了一个TodoList系统，该系统支持添加、修改、删除数据功能，并利用本地存储持久化任务，同时提供任务数量统计。通过HTML进行页面布局，JavaScript处理交互逻辑，Vue框架增强用户体验。

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

todoList模型

所支持的方式
1. 添加数据;
2. 修改数据;
3. 删除数据;
4. 本地存储;
5. 任务数统计;

HTML代码:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Vue</title>
    <link rel="stylesheet" href="./public/file/css.css">
    <script src="./public/file/vue.js"></script>
    <script src="http://cdn.bootcss.com/vue-resource/1.3.1/vue-resource.common.js"></script>
</head>
<body>
    <div class="page-top">
        <div class="page-content">
            <h2>任务计划列表</h2>
        </div>
    </div>
    <div class="main">
        <h3 class="big-title">添加任务</h3>
        <!-- <button type="button" name="button" @click="downData">载入数据</button> -->
        <div class="addField">
          <input

最低0.47元/天解锁文章

四叶草-ran

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
todoList系统

todoList模型所支持的方式 1. 添加数据; 2. 修改数据; 3. 删除数据; 4. 本地存储; 5. 任务数统计;HTML代码:<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>Vue</title> <link rel="stylesheet" href="./public/
复制链接

扫一扫