2020 年 12月随笔档案 - 阳菜

vue路由组件过渡

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Docum 阅读全文

posted @ 2020-12-26 19:27 阳菜阅读(162) 评论(0) 推荐(0)

Vue中js操作DOM数据

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Docum 阅读全文

posted @ 2020-12-26 10:16 阳菜阅读(498) 评论(0) 推荐(0)

vue-router的基本使用

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Docum 阅读全文

posted @ 2020-12-26 10:15 阳菜阅读(108) 评论(0) 推荐(0)

Vue v-for指令添加key指令的理解

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Docum 阅读全文

posted @ 2020-12-26 10:13 阳菜阅读(423) 评论(0) 推荐(0)

用Vue实现多组件动画效果

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Docum 阅读全文

posted @ 2020-12-26 10:07 阳菜阅读(574) 评论(0) 推荐(0)

js钩子函数实现动画

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Docum 阅读全文

posted @ 2020-12-26 10:05 阳菜阅读(230) 评论(0) 推荐(0)

用Vue 实现animate动画

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Docum 阅读全文

posted @ 2020-12-26 09:48 阳菜阅读(2897) 评论(0) 推荐(0)

用vue实现css动画

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Docum 阅读全文

posted @ 2020-12-26 09:45 阳菜阅读(748) 评论(0) 推荐(0)

用Vue实现css过渡

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Docum 阅读全文

posted @ 2020-12-26 09:38 阳菜阅读(260) 评论(0) 推荐(0)

vue自定义指令，拖拽组件

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Docum 阅读全文

posted @ 2020-12-26 09:35 阳菜阅读(706) 评论(0) 推荐(0)

用Vue路由配置对象

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Docum 阅读全文

posted @ 2020-12-25 22:58 阳菜阅读(160) 评论(0) 推荐(0)

用Vue写好友列表破

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Docum 阅读全文

posted @ 2020-12-24 19:35 阳菜阅读(533) 评论(0) 推荐(0)

用Vue写选项卡组件

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Docum 阅读全文

posted @ 2020-12-21 22:32 阳菜阅读(319) 评论(0) 推荐(0)

用vue写滑块组件

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Docum 阅读全文

posted @ 2020-12-21 16:33 阳菜阅读(2320) 评论(0) 推荐(0)

用vue双向绑定写星星评分

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Docum 阅读全文

posted @ 2020-12-17 22:24 阳菜阅读(165) 评论(0) 推荐(0)

用vue双向绑定写开关

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Docum 阅读全文

posted @ 2020-12-17 22:22 阳菜阅读(222) 评论(0) 推荐(0)

用vue写星星评分

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Docum 阅读全文

posted @ 2020-12-17 17:21 阳菜阅读(306) 评论(0) 推荐(0)

定义时间过滤器

摘要：// 定义一个格式化日期的过滤器 <p>{{time|formatDate}}</p> data: { time: new Date(), }, filters: { formatDate(value) { let newDate = new Date(value); let hour = newD 阅读全文

posted @ 2020-12-16 12:11 阳菜阅读(162) 评论(0) 推荐(0)

用 vue 写一个天气预报页面效果

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Docum 阅读全文

posted @ 2020-12-15 20:03 阳菜阅读(2640) 评论(0) 推荐(0)

个税问题

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Docum 阅读全文

posted @ 2020-12-15 19:09 阳菜阅读(120) 评论(0) 推荐(0)

用vue做出个人所得税的计算

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Docum 阅读全文

posted @ 2020-12-14 19:35 阳菜阅读(980) 评论(0) 推荐(0)

用vue写一个计算器

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Docum 阅读全文

posted @ 2020-12-14 15:44 阳菜阅读(521) 评论(0) 推荐(0)

使用vue写一个倒计时

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Docum 阅读全文

posted @ 2020-12-14 14:28 阳菜阅读(379) 评论(0) 推荐(0)

留言板的字体次数

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Docum 阅读全文

posted @ 2020-12-03 22:44 阳菜阅读(89) 评论(0) 推荐(0)

阳菜

12 2020 档案

公告