hooks---index.ts import { SET_TODO, SET_TODO_LIST,REMOVE_TODO,SET_TODO_STATUS,SET_DOING_STATUS } from "@/store/actionTypes"import { ITodo, TODO_STATUS } from "@/typings"import { Store, useStore } from "vuex"import _store from "@/store"import { watch } from "vue"export interface ...
npm run dev 2、开始编写 todolist 为了项目开起来稍微美观一点,这里使用ant-design-vue的UI框架,另外框架的组件按需引入还需要使用(unplugin-vue-components)。在项目里边安装: // 按需引入插件 npm install unplugin-vue-components -D // UI框架 npm install ant-design-vue@next --save...
Todo。From点杠这个什么呢。Types下边的todo,它是点S文件啊,注意点TS文件,好这块有一个todo是吧,好我再把它格式化一下,做一个保存。现在呢,我用一个范围接口的方式来约束我的state啊,包括state里边这个数据,OK,那这块呢,咱们就搞定了。搞定了之后,我们再来看我当前的这个土DOS这个数组是不是被我传到list里边...
hooks---index.ts 代码语言:javascript 复制 import{SET_TODO,SET_TODO_LIST,REMOVE_TODO,SET_TODO_STATUS,SET_DOING_STATUS}from"@/store/actionTypes"import{ITodo,TODO_STATUS}from"@/typings"import{Store,useStore}from"vuex"import_storefrom"@/store"import{watch}from"vue"exportinterfaceIUseTodo{setTodo:...
大家好 我是歌谣 今天继续给大家带来一个V3+ts实现的todolist的项目 目录结构 主要代码 TodoInput---index.vue <template> </template> import{ defineComponent,reactive,ref }from'vue'; import{IUseTodo, useTodo}from"../../hooks/index" exportdefaultdefineComponent({ name:"TodoInput"...
context.commit("query",todoList) }, } 定义了一个actions对象,用于处理异步操作或复杂的业务逻辑。 query方法接收context和todoList,使用context.commit调用mutations中的query方法,更新状态。 src\store\mutations.ts import{IState,IList,}from"@/typings"exportdefault{query(state:IState,todoList:IList[]):void...
Vue3+typesctipt实现todolist效果 前言 大家好 我是歌谣 今天继续给大家带来一个V3+ts实现的todolist的项目 目录结构 主要代码 TodoInput---index.vue <template> </template> import { defineComponent,reactive,ref } from 'vue'; import {IUseTodo...
前言 大家好 我是歌谣 今天继续给大家带来一个V3+ts实现的todolist的项目 目录结构 主要代码 TodoInput index.vue <template> <div> <input type="text" v-model="to
一、Vue3.x 实现一个完整的toDoList(待办事项) 以及类似京东App搜索缓存数据功能 二、 localStorage里面的方法 localStorage.setItem(key,value)localStorage.getItem(key)localStorage.removeItem(key);localStorage.clear(); 三、封装localStorage 1、新建models/storage.js ...
yarn create vite todolist --template vue-ts cd todolist yarn yarn dev 浏览器访问3000端口 安装Electron yarn add -D electron electron-builder rimraf vite-plugin-electron electron-devtools-installer 如果觉得安装慢,可以改为淘宝镜像,或者根目录添加.yarnrc文件 ...