上一页 1 ··· 6 7 8 9 10 11 12 13 14 ··· 37 下一页
摘要: vue_小项目_吃饭睡觉打豆豆 onmouseenter 和 onmouseleave : 在 移入/移出 子元素时不会重复触发 onmouseover 和 onmouseout : 在 移入/移出 子元素时会重复触发 反复读取计算属性,会从缓存中取值 3 3 3 3 3 3 阅读全文
posted @ 2019-02-16 15:41 耶梦加德 阅读(305) 评论(0) 推荐(0) 编辑
摘要: mac sudo npm install -g nrm sudo npm config -g set unsafe-perm sudo npm install webpack@3.0.0 -g sudo npm install --global webpack-cli sudo npm instal 阅读全文
posted @ 2019-02-16 11:57 耶梦加德 阅读(290) 评论(0) 推荐(0) 编辑
摘要: 过滤器 对要显示的数据进行特定格式化后再显示 并未改变原本的数据,可是产生新的对应的数据 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>10_Vue_filter</title> <link rel="st 阅读全文
posted @ 2019-02-16 09:59 耶梦加德 阅读(242) 评论(0) 推荐(0) 编辑
摘要: 过渡效果 <style> .xxxx-enter-active, // 显示过渡 .xxxx-leave-active { // 隐藏过渡 transition: all 1s; } // 指定隐藏时 的样式 .xxxx-enter, // 指定过渡 .xxxx-leave-to { // 指定过渡 阅读全文
posted @ 2019-02-16 09:37 耶梦加德 阅读(147) 评论(0) 推荐(0) 编辑
摘要: 重绘重排 中重复出现的是 mounted(){...} beforeUpdate(){...} uptated(){...} 其他钩子函数只会出现一次 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>view 阅读全文
posted @ 2019-02-15 18:39 耶梦加德 阅读(154) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>07_ form 表单的自动数据收集</title> <link rel="stylesheet" type="text/css" href="./css/in 阅读全文
posted @ 2019-02-15 16:28 耶梦加德 阅读(4626) 评论(0) 推荐(0) 编辑
摘要: 事件绑定 v-on 传参的同时,接收事件对象 <button @click="test('111', $evnt)">哈哈</button> 事件修饰符 阻止事件的默认行为 <a href="www.baidu.com" @click.prevent="jumpFunc">百度</a> 停止事件冒泡 阅读全文
posted @ 2019-02-15 15:51 耶梦加德 阅读(219) 评论(0) 推荐(0) 编辑
摘要: html <div id="test"> <label> <input type="text" v-model="searchWord" placeholder="搜索一下"/> </label> <button type="button" @click="orderType=1">原来排序</bu 阅读全文
posted @ 2019-02-15 15:21 耶梦加德 阅读(1020) 评论(0) 推荐(0) 编辑
摘要: 1. v-for 遍历数组 html <div id="test"> <ul> <li v-for="(p, index) in persons" :key="index"> {{p.name}} {{p.age}}<br /> <button @click="deleteP(idnex)">删除 阅读全文
posted @ 2019-02-15 14:55 耶梦加德 阅读(6651) 评论(0) 推荐(0) 编辑
摘要: data: { ok: true flag: false } 1. 成对出现的 v-if 和 v-else 原理是: 标签的删除与重新创建 ,有些情况必须用 v-if <p v-if="ok">表白成功<p> <p v-else>表白失败<p> 2. v-show 原理是: 操作 display: 阅读全文
posted @ 2019-02-15 14:13 耶梦加德 阅读(2159) 评论(0) 推荐(0) 编辑
上一页 1 ··· 6 7 8 9 10 11 12 13 14 ··· 37 下一页