摘要: 1、全局定义 Vue.directive('指令的名字',{ bind(el,binding){ // el 绑定的dom // binding 指令的基本信息 // name: 指令名 // rawName: 指令完整名字 // value: 指令的值 // expression: 表达式 // 阅读全文
posted @ 2020-09-07 19:46 靡荼 阅读(307) 评论(0) 推荐(0) 编辑
摘要: 1、注册一个监听按键事件 1、监听所有按键:v-on:keyup 2、监听指定按键:v-on:keyup.按键码 2、vue提供的按键别名 1、enter 2、tab 3、delete(捕获“删除”和“退格”键) 4、esc 5、space 6、up 7、down 8、left 9、right 3、 阅读全文
posted @ 2020-09-07 19:38 靡荼 阅读(142) 评论(0) 推荐(0) 编辑
摘要: 1、注意事项 过滤器可以用在两个地方:双花括号插值和v-bind表达式 2、使用语法 {{name | 过滤器的名字 }} // 可以有多个过滤器 {{name | 过滤器的名字 | 其他的过滤器的名字 | ...}} // 可以传参 {{name | 过滤器的名字(参数)}} 3、全局定义 Vue 阅读全文
posted @ 2020-09-07 19:29 靡荼 阅读(108) 评论(0) 推荐(0) 编辑
摘要: 1、区别 1、v-if删除dom元素 2、v-show设置display:none 2、应用场景 1、v-if只修改一次的时候可以使用v-if 2、v-show频繁切换的时候可以使用v-show 3、v-if案例 <div id='app'> <div v-if="score < 60"> 不及格 阅读全文
posted @ 2020-09-07 19:18 靡荼 阅读(125) 评论(0) 推荐(0) 编辑
摘要: 1、遍历数组,参数(item,index) in list <div id="app"> <ul> <li v-for="item in list"> {{item.name}} </li> </ul> </div> <script> var vm = new Vue({ el: '#app', d 阅读全文
posted @ 2020-09-07 19:07 靡荼 阅读(299) 评论(0) 推荐(0) 编辑