Vue(Vue2+Vue3)——47.TodoList案例_pubsub、48.TodoList案例_编辑

简介: Vue(Vue2+Vue3)——47.TodoList案例_pubsub、48.TodoList案例_编辑

47  TodoList案例_pubsub


把TodoList案例按照pubsub改造一下

订阅如下

发布如下

功能也是一样的

48 TodoList案例_编辑


本次给TodoList案例新增一个编辑功能

首先是给todo待办鼠标悬浮的时候给一个编辑按钮

然后就是编辑的时候让todo称为一个输入框和逻辑



相关文章
|
1天前
|
存储 API
vue3中如何动态自定义创建组件并挂载
vue3中如何动态自定义创建组件并挂载
|
6天前
|
JavaScript 索引
Vue 2和Vue 3的区别以及实现原理
Vue 2 的响应式系统通过Object.defineProperty来实现,它为对象的每个属性添加 getter 和 setter,以便追踪依赖并响应数据变化。
22 9
|
6天前
|
JavaScript 调度
Vue3 使用 Event Bus
Vue3 使用 Event Bus
11 1
|
6天前
|
JavaScript
Vue3 : ref 与 reactive
Vue3 : ref 与 reactive
9 1
|
6天前
Vue3 使用mapState
Vue3 使用mapState
10 0
|
JavaScript 测试技术 容器
Vue2+VueRouter2+webpack 构建项目
1). 安装Node环境和npm包管理工具 检测版本 node -v npm -v 图1.png 2). 安装vue-cli(vue脚手架) npm install -g vue-cli --registry=https://registry.
1037 0
|
2天前
|
JavaScript 前端开发
vue动态添加style样式
vue动态添加style样式
|
2天前
|
JavaScript 前端开发
Vue项目使用px2rem
Vue项目使用px2rem
|
1天前
|
JavaScript API
vue学习(13)监视属性
vue学习(13)监视属性
8 2
|
1天前
|
JavaScript
vue 函数化组件
vue 函数化组件