摘要: VUE 过滤器以及插件 过滤器 什么是过滤器 过滤器对将要显示的文本,先进行特定格式化处理,然后在进行显示。 注意:过滤器并没有改变原本的数据,只是产生新的对应的数据。 使用方式 定义过滤器 全局过滤器 Vue.filter( 过滤器名称 , function(value) ){ // 数据处理逻辑 阅读全文
posted @ 2020-07-27 18:01 叫我+V 阅读(330) 评论(0) 推荐(0)
摘要: Vue 表单数据双向绑定 v-mode 每一个Vue项目,每一个系统,肯定涉及到表单的双向数据绑定问题,这一部分是 vue 的重中之重,不是因为知识点复杂,而是因为只要参与 vue 项目的开发,那么就必不可少。 单向绑定 数据变,视图变;视图变(浏览器控制台上更新html),数据不变;这样的都是单向 阅读全文
posted @ 2020-07-27 17:06 叫我+V 阅读(1208) 评论(0) 推荐(0)
摘要: VUE 事件修饰符以及按键码 之前写了一篇关于事件处理的文章,这篇的时间修饰符主要就是来修饰之前事件处理的事件名的,目的是为了扩展事件的功能。 事件修饰符 .stop:阻止单击事件继续传播,event.stopPropagation() .prevent:阻止事件默认行为 event.prevent 阅读全文
posted @ 2020-07-27 16:27 叫我+V 阅读(638) 评论(0) 推荐(0)
摘要: VUE事件处理 v-on 事件处理方法 完整格式: v-on:事件名="函数名" 或者 v-on:事件名="函数名(参数...)" 缩写格式: @事件 = "函数名" 或者 @事件名 = "函数名(参数...)" 注意:@ 后面没有冒号。 event :函数中的默认形参,代表原生的DOM事件,当调用 阅读全文
posted @ 2020-07-27 13:39 叫我+V 阅读(227) 评论(0) 推荐(0)
摘要: VUE 条件渲染 v-if、v-show 条件指令 v-if 是否渲染当前元素 v-else v-else-if v-show:与 v-if 类似,只是元素始终被渲染并保留在DOM中,只是简单的切换CSS属性display来显示或者隐藏。 <!DOCTYPE html> <html lang="en 阅读全文
posted @ 2020-07-27 11:47 叫我+V 阅读(382) 评论(0) 推荐(0)
摘要: VUE Class列表样式数绑定案例 Class 与 Style 绑定 v-bind 通过class列表和style指定样式是数据绑定的一个常见需求,他都是元素属性,都用 v-bind 处理,其中表达式结果的类型可以是:字符串、对象 或 数组。 语法格式 class 的表达式可以为: v-bind: 阅读全文
posted @ 2020-07-27 11:23 叫我+V 阅读(419) 评论(0) 推荐(0)