上一页 1 ··· 28 29 30 31 32 33 34 35 36 ··· 48 下一页
摘要: 1.Vue常用指令 1)v:text:更新元素的 textContent 2)v-html:更新元素的 innerHTML 3)v-if:如果为true,当前标签才会输出到页面 4)v-else:如果为false,当前标签才会输出到页面 5)v-show:通过控制display样式来控制显示/隐藏 阅读全文
posted @ 2019-12-11 17:57 Curedfisher 阅读(389) 评论(0) 推荐(0) 编辑
摘要: 现在日期为:当前时间-1970年1月1日0时0分0秒的时间差 日期格式化:百度搜索moment 1.test015.html <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head 阅读全文
posted @ 2019-12-11 16:43 Curedfisher 阅读(1915) 评论(0) 推荐(0) 编辑
摘要: 操作元素时有个过渡或动画的效果(渐变和移动的效果和放大缩小的效果) 过渡:trasition 动画:animation 1.vue动画的理解 1)操作css的trasition或animation(它本身不是传动画) 2)vue会给目标添加/移除特定的class 3)过渡相关的类名 xxx-ente 阅读全文
posted @ 2019-12-11 15:42 Curedfisher 阅读(261) 评论(0) 推荐(0) 编辑
摘要: 三个阶段: 一.初始化显示; 二:更新显示 三.死亡 每一个阶段都对应生命周期的回调函数(也叫勾子函数) 生命周期图示: 1. 2.test013.html <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Tit 阅读全文
posted @ 2019-12-11 10:52 Curedfisher 阅读(226) 评论(0) 推荐(0) 编辑
摘要: 自动收集,就是我一输入数据,就自动收集,等我点击提交按钮的时候,数据就收集好了 1.使用v-model对表单数据自动收集 1)text/textare 单行/多行输入框 2)checkbox 多选 3)radio 单选 4)select 下拉框 2. 3.test012.html <!DOCTYPE 阅读全文
posted @ 2019-12-11 08:44 Curedfisher 阅读(458) 评论(0) 推荐(0) 编辑
摘要: test011.html <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>事件</title></head><body><div id="example"> <h2>1.绑定监听</h2> <button @cl 阅读全文
posted @ 2019-12-10 17:55 Curedfisher 阅读(237) 评论(0) 推荐(0) 编辑
摘要: 1.test010.html <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><!--1.列表过滤2.列表排序--><div id="test"> <input 阅读全文
posted @ 2019-12-10 16:29 Curedfisher 阅读(373) 评论(0) 推荐(0) 编辑
摘要: 变异方法:说白了就是对原方法进行了包装,包装后实现了2个功能1:实现原方法的功能;2.更新界面. 1.test009.html <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></hea 阅读全文
posted @ 2019-12-10 15:22 Curedfisher 阅读(234) 评论(0) 推荐(0) 编辑
摘要: 1.test008.html <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>条件渲染</title></head><body><!--1.条件渲染指令 v-if v-else 上面两个做影藏是是通过把标签移除, 阅读全文
posted @ 2019-12-10 11:44 Curedfisher 阅读(157) 评论(0) 推荐(0) 编辑
摘要: 注意:class和style的值是动态的值 1.test007.html <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .aClass{ color:red; } . 阅读全文
posted @ 2019-12-10 08:30 Curedfisher 阅读(295) 评论(0) 推荐(0) 编辑
上一页 1 ··· 28 29 30 31 32 33 34 35 36 ··· 48 下一页