![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
꧁薇博꧂
这个作者很懒,什么都没留下…
展开
-
Vue Virtual Dom(虚拟Dom) 和 Diff算法
Vue Virtual Dom(虚拟Dom) 和 Diff算法 虚拟Dom:是js对象,把Dom结构转化成便于js操作的对象,对于复杂的文档结构,提供一种方便的工具,进行最小化的Dom操作 虚拟Dom和真实Dom的区别 虚拟DOM不会进行排版与重绘操作 真实DOM频繁排版与重绘的效率是相当低的 虚拟DOM进行频繁修改,然后一次性比较并修改真实DOM中需要改的部分,最后并在真实DOM中进行排版与重绘,减少过多DOM节点排版与重绘损耗 虚拟DOM有效降低大面积(真实DOM节点)的重绘与排版,因为最终与真实DO原创 2020-09-21 09:53:59 · 75 阅读 · 0 评论 -
Vue中的事件修饰符
vue提倡的是在方法中只有对数据的处理,所以提供了事件修饰符用于DOM的事件处理,常用的事件修饰符有以下几个: (1). stop:阻止冒泡(通俗讲就是阻止事件向上级DOM元素传递) 修改代码,为内层点击事件添加事件".stop"修饰符: (2). prevent:阻止默认事件的发生 默认事件指对DOM的操作会引起自动执行的动作,比如点击超链接的时候会进行页面的跳转, 点击表单提交按钮时会重新加载页面等,使用".prevent"修饰符可以阻止这些事件的发生。 (3). capture:捕获冒泡,原创 2020-09-18 10:11:50 · 152 阅读 · 0 评论 -
vue双向数据绑定
双向数据原理 采用数据劫持结合发布者-订阅者模式的方式,通过Object.defineProperty()来劫持各个属性的setter,getter,在数据变动时发布消息给订阅者,触发相应的监听回调 双向数据流程 1、实现一个数据监听器Observer,能够对数据对象的所有属性进行监听,如有变动可拿到最新值并通知订阅者 2、实现一个指令解析器Compile,对每个元素节点的指令进行扫描和解析,根据指令模板替换数据,以及绑定相应的更新函数 3、实现一个Watcher,作为连接Observer和Compile的原创 2020-09-13 19:45:21 · 115 阅读 · 0 评论 -
时间戳转化成当地时间简版
mounted:{ this.axios.get("/路径").then(res=>{ this.evaluate = res.data.result.rate.list; this.evaluate.forEach((ele) => { var date = new Date(parseInt(ele.created) * 1000); ele.created = `${date.getFullYear()}/${date.getMonth(原创 2020-08-28 19:41:38 · 168 阅读 · 0 评论 -
Vue的生命周期(11个)钩子函数
Vue的生命周期(11个)钩子函数 初始生命周期 (一)Vue生命周期 (二)Vue生命周期 1、beforeCreate(创建前):在此生命周期函数执行的时候,data和methods中的数据都还没有初始化。 2、created(创建后):在此生命周期函数中,data和methods都已经被初始化好了,如果要调用 methods中的方法,或者操作data中的数 据,最早只能在created中操作。 3、beforeMount(载入前):在此生命周期函数执行的时候,模板已经在内存中编译好了,原创 2020-08-07 20:47:56 · 32472 阅读 · 1 评论