摘要: 在下次DOM更新循环结束之后执行的延迟回调。 根据执行环境分别尝试采用 用微任务,再是宏任务 Promise的then -> MutationObserver的回调函数 -> setImmediate -> setTimeout 是否存在,找到存在的就调用他childrenRef 作用:nextTi 阅读全文
posted @ 2020-07-09 22:20 青老师 阅读(11485) 评论(0) 推荐(0) 编辑
摘要: 原生事件绑定是通过addEventListener绑定给真实元素的。 组件事件绑定是通过Vue自定义的key$on实现的。 阅读全文
posted @ 2020-07-09 22:17 青老师 阅读(2466) 评论(0) 推荐(0) 编辑
摘要: v-model是用来在表单控件或者组件上创建双向数据绑定的 他的本质是v-bind和v-on的语法糖 <input v-model="sth" /> // 等同于 <input :value="sth" @input="sth = $event.target.value" /> 阅读全文
posted @ 2020-07-09 21:57 青老师 阅读(1181) 评论(0) 推荐(0) 编辑
摘要: v-for优先级高于v-if,如果连在一起使用的话会把v-if给每一个元素都添加上,重复运行于每一个v-for循环中,会造成性能浪费 可以将v-if写在v-for的外层 阅读全文
posted @ 2020-07-09 21:56 青老师 阅读(1426) 评论(0) 推荐(0) 编辑
摘要: v-if 适用于在运行时很少改变条件,不需要频繁切换条件的场景; v-if移除DOM,对其进行销毁; v-show 则适用于需要非常频繁切换条件的场景。 v-show是对元素进行display:none; 阅读全文
posted @ 2020-07-09 21:54 青老师 阅读(727) 评论(0) 推荐(0) 编辑
摘要: computed 依赖其他的值,且具有缓存,缓存变化才会更新 只有它依赖的属性值发生改变,下一次获取 computed 的值时才会重新计算 进行数值计算,并且依赖于其它数据用它 watch 没有缓存 监听某一个值 变化进行一些操作 数据变化时执行异步或开销较大的操作时用它 阅读全文
posted @ 2020-07-09 21:53 青老师 阅读(682) 评论(0) 推荐(0) 编辑
摘要: 什么阶段才能调用DOM 在钩子函数 mounted 被调用前,Vue 已经将编译好的模板挂载到页面上,所以在 mounted 中可以访问操作 DOM。 什么阶段能发起请求 可以在钩子函数 created、beforeMount、mounted 中进行调用,因为在这三个钩子函数中,data 已经创建, 阅读全文
posted @ 2020-07-09 21:35 青老师 阅读(1872) 评论(0) 推荐(0) 编辑
摘要: 初次渲染就会触发的生命周期 beforeCreate() , created() beforeMount() , mounted() 组件的调用顺序都是先父后子,渲染完成的顺序是先子后父。 组件的销毁操作是先父后子,销毁完成的顺序是先子后父。 加载渲染过程 子组件在父组件的beforeMount和M 阅读全文
posted @ 2020-07-09 21:29 青老师 阅读(5667) 评论(0) 推荐(0) 编辑
摘要: 什么是生命周期: 从Vue实例创建、运行、到销毁期间,总是伴随着各种各样的事件,这些事件,统称为生命周期! 生命周期钩子:就是生命周期事件的别名而已; 生命周期钩子 = 生命周期函数 = 生命周期事件 意义: 给了用户在不同阶段添加自己的代码的机会。 初始化 (create) 组件挂载(mount) 阅读全文
posted @ 2020-07-09 21:22 青老师 阅读(5533) 评论(0) 推荐(1) 编辑