摘要: v-bind 只能实现数据的单向绑定,从 M 自动绑定到 V, 无法实现数据的双向绑定 <input type="text" v-bind:value="msg" style="width:100%;"> 使用 v-model 指令,可以实现 表单元素和 Model 中数据的双向数据绑定 注意: v 阅读全文
posted @ 2019-09-23 16:03 WhiteSpace 阅读(728) 评论(0) 推荐(0) 编辑
摘要: 事件修饰符: + .stop 阻止冒泡 + .prevent 阻止默认事件 + .capture 添加事件侦听器时使用事件捕获模式 + .self 只当事件在该元素本身(比如不是子元素)触发时触发回调 + .once 事件只触发一次 .stop 阻止冒泡 .prevent 阻止默认行为 .captu 阅读全文
posted @ 2019-09-23 15:40 WhiteSpace 阅读(301) 评论(0) 推荐(0) 编辑
摘要: v-bind:是 Vue中,提供的用于绑定属性的指令 1. 直接使用指令`v-bind` 2. 使用简化指令`:` 3. 在绑定的时候,拼接绑定内容:`:title="btnTitle + ', 这是追加的内容'"` 4.v-bind 中,可以写合法的JS表达式 v-on: 事件绑定机制,可以简写@ 阅读全文
posted @ 2019-09-23 14:19 WhiteSpace 阅读(5175) 评论(0) 推荐(0) 编辑
摘要: v-text: 没有加载闪烁问题,它会覆盖元素中原本的内容,但是插值表达式,只会替换自己的这个占位符,不会把 整个元素的内容清空。 v-html: 使用v-html可以把标签元素也能显示在元素上 阅读全文
posted @ 2019-09-23 14:13 WhiteSpace 阅读(691) 评论(0) 推荐(0) 编辑
摘要: new Vue 相当于我们mvvm中的vm 调度者 data 就是mvvm中的M,专门来保存每个页面的数据的(存放的是el属性中的数据的) 插值表达式{{ }} ; v-cloak 能够解决 插值表达式闪烁的问题: <p v-cloak>++++++++ {{ msg }} </p> //如果网速们 阅读全文
posted @ 2019-09-23 14:09 WhiteSpace 阅读(325) 评论(0) 推荐(0) 编辑