上一页 1 2 3 4 5 6 ··· 9 下一页
摘要: 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) 编辑
摘要: 1、stop阻止冒泡 <style> .outer { width: 500px; height: 300px; background: greenyellow; } .inner { width: 300px; height: 200px; background: hotpink; } .last 阅读全文
posted @ 2020-09-05 20:29 靡荼 阅读(182) 评论(1) 推荐(1) 编辑
摘要: 1、v-cloak:防止界面闪烁 获取变量值的指令: 插值表达式{{}},可以在前后插入一些内容 v-text:会替换掉元素里的内容 v-html:可以渲染html界面 <style> [v-cloak] { display: none; } </style> </head> <body> <div 阅读全文
posted @ 2020-09-05 20:13 靡荼 阅读(158) 评论(0) 推荐(0) 编辑
摘要: 1、什么是vue.js 1、Vue.js是目前最火的一个前端框架,React是最流行的一个前端框架(React除了开发网站,还可以开发手机App,Vue语法也是可以用于进行手机App开发的,需要借助于Weex、uni-app)。 2、Vue.js是前端的主流框架之一,和Angular2+、React 阅读全文
posted @ 2020-09-05 19:54 靡荼 阅读(100) 评论(0) 推荐(0) 编辑
摘要: 1、初识 现在的web系统越来越庞大、复杂,需要团队分工,多人协作,大型系统的javascript文件经常存在复杂的依赖关系,后期的维护成本会越来越高。 JavaScript模块化正式为了解决这一需求而诞生。 目前浏览器不支持ES6模块化的语法,所以我们在node里进行测试。 通过babel解决这个 阅读全文
posted @ 2020-09-03 21:47 靡荼 阅读(146) 评论(0) 推荐(0) 编辑
摘要: 1、通过关键字class来声明一个类 class Animal { constructor(name,color){ this.name=name; this.color=color; console.log("动物类"); } } let dog=new Animal('旺财','黑白斑点'); 阅读全文
posted @ 2020-09-03 21:37 靡荼 阅读(112) 评论(0) 推荐(0) 编辑
上一页 1 2 3 4 5 6 ··· 9 下一页