登录注册页面Todolist，Vue基础入门

wsy`

于 2022-11-22 10:52:49 发布

阅读量733

点赞数

分类专栏： Vue 文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/weixin_61000863/article/details/127977170

版权

本文介绍了使用Vue.js构建登录注册页面和Todolist应用的实践，涉及Vue基本指令、Vuex、路由及浏览器本地存储。项目实现用户登录注册、待办事项的增删改查以及倒计时功能，所有数据均实现本地存储。提供项目代码结构和部分关键功能代码，并分享了源码下载链接。

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

作品演示视频详见Vue练手作品——Todolist_哔哩哔哩_bilibili

一.作品介绍

1.作品用到的知识：

vue基本指令
vuex基本知识
路由基本知识
浏览器本地存储

2.作品实现的功能：

用户注册登录页面
用户对 todo 的增删改查操作
显示当前时间和倒计时功能
所有数据都实现本地存储功能

二.作品展示

一打开默认是登录页面，登录注册页面基本一样只是文字有所改变

TodoList实现增删改查

倒计时页面

三.作品代码

项目结构

1.注册功能代码

<template>
<div>
    <div class="title">
        <h1>欢迎注册</h1>
    </div>
    <div>
        <el-tabs  type="border-card" class="top">
            <el-tab-pane > 
                <div slot="label" @click="registershow">注册</div>
            </el-tab-pane>
            <div class="name&#