摘要: 重绘重排 中重复出现的是 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. class 绑定 data: { myClass: "bClass", hasA: true, hasB: false } 字符串模式: 类名不确定 <p class="aClass" :class="myClass">该标签将有一个静态 aClass 和 一个动态 bClass</p> 对象 阅读全文
posted @ 2019-02-15 14:06 耶梦加德 阅读(123) 评论(0) 推荐(0) 编辑