上一页 1 ··· 5 6 7 8 9 10 11 下一页
2020年9月1日
vue_常用特性应用场景(如:过滤器(格式化日期))
摘要： 1.过滤器(格式化日期) Vue.filter('format', function(value, arg) { function dateFormat(date, format) { if (typeof date "string") { var mts = date.match(/(\/Date 阅读全文
posted @ 2020-09-01 19:52 缔造cool 阅读(98) 评论(0) 推荐(0)
vue实例的生命周期
摘要： (1)(2)(3)(4)是加载之前初始化 其中(4)是初始化之前触发,重点*** (5)(6)是数据更新触发 (7)(8)是数据销毁触发 created生命周期:是在Vue实例对象创建成功之后会执行的钩子函数,大部分情况下,我们在加载默认数据的请求是添加在created声明周期的. mounted生 阅读全文
posted @ 2020-09-01 14:58 缔造cool 阅读(125) 评论(0) 推荐(0)
vue的数组api
摘要： 一:(1)数组的变异方法(修改原有数据) push() //向数组的末尾添加一个或者多个元素,并返回新的长度 pop() //删除并返回数组的最后一个元素 shift() //删除并返回数组的第一个元素 unshift() //向数组的开头添加一个或多个元素,并返回新的长度 splice() //删 阅读全文
posted @ 2020-09-01 11:40 缔造cool 阅读(557) 评论(0) 推荐(0)
重绘和回流
摘要： 这两个词是css的概念 当我们去修改元素的样式的时候.如果修改了元素的宽高,布局方式,元素是需要重新进行渲染展示,这种元素重新 渲染展示的过程就叫做回流. 当我们修改元素的颜色的时候,没有更改元素的布局方式,元素只需要重新绘制颜色即可,这个过程叫做重绘 回流的性能开销比重绘更高 阅读全文
posted @ 2020-09-01 09:55 缔造cool 阅读(102) 评论(0) 推荐(0)
2020年8月31日
vue的常用特性
摘要： 1.计算属性 computed (1)为什么要计算属性:表达式的计算逻辑可能会比较复杂,我们使用计算属性可以使模板内容更加简洁 示例: <div id="xxoo"> <div>{{msg}}</div> //result:question <!-- <div>{{msg.split("").rev 阅读全文
posted @ 2020-08-31 21:18 缔造cool 阅读(165) 评论(0) 推荐(0)
2020年8月29日
vue_for循环及遍历
摘要： 1.if的基本使用 <div id="xxoo"> <div v-if="scroe >= 90">优秀</div> <div v-else-if="scroe >= 80 && scroe < 90">良好</div> //发现 v-if || v-else || v-else-if 没有区别 < 阅读全文
posted @ 2020-08-29 16:57 缔造cool 阅读(2294) 评论(0) 推荐(0)
vue_class绑定方法
摘要： 1.clss绑定对象方法 <style> //css样式 .xxoo{ height: 80px; width: 80px; border: 1px solid #000; } </style> <body> <div id="oo"> <div v-bind:class="{xxoo : isAc 阅读全文
posted @ 2020-08-29 10:43 缔造cool 阅读(401) 评论(0) 推荐(0)
2020年8月28日
vue的修饰符
摘要： v-on 缩写：@ 事件修饰符 .stop - 调用 event.stopPropagation()。 //阻止冒泡 .prevent - 调用 event.preventDefault()。 //阻止事件默认行为 .capture - 添加事件侦听器时使用 capture 模式。 .self - 阅读全文
posted @ 2020-08-28 20:28 缔造cool 阅读(517) 评论(0) 推荐(1)
vue的事件绑定
摘要： <div id="oop"> <button v-on:click.stop="hander">点击</button> //stop: 阻止冒泡(修饰符) <button v-on:click="hander(123,456,$event)">点击2</button> <button @click= 阅读全文
posted @ 2020-08-28 17:08 缔造cool 阅读(240) 评论(0) 推荐(0)
vue的基本指令
摘要： 放在 <style type="text/javascript"></style> 形式: [v-text]{ display: none; } //相当于自定义属性 MVVM设计思想: M(model) V(view) VM(View-Model) 分而治之,把不同的功能放到不同的模块 指令: ( 阅读全文
posted @ 2020-08-28 14:22 缔造cool 阅读(135) 评论(0) 推荐(0)
上一页 1 ··· 5 6 7 8 9 10 11 下一页