随笔分类 - 疫情过后/vue进阶
摘要:首先来个前言 原来Vue的dom更新是异步的,当数据发生变化,vue并不是里面去更新dom,而是开启一个队列。跟JavaScript原生的同步任务和异步任务相同。 Vue在一个同步任务过程中是不会去更新渲染视图,而是在同步任务(事件循环队列)执行完毕之后,在主线程的同步执行完毕,读取任务队列时更新视
阅读全文
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document<
阅读全文
摘要:1.console.log折叠项的lazy 小例子: beforeUpdate - updated 的区别 可以把 console.log(this.$el) 改成 => console.log(this.$el.innerHTML)把 console.log 折叠项干掉就能打印出区别了 详情分析:
阅读全文
摘要:vue响应式 组件data数据一旦变化,立即触发视图更新 实现的第一步 数据驱动视图 // 核心API Object.defineProperty(vue 3.0 用proxy,因为defineProperty有缺陷) Object.defineProrerty基本用法 <!DOCTYPE html
阅读全文
摘要:前端路由 稍微复杂一点的SPA(singel page Web application:单页web应用), 都需要路由 spa的路由叫做前端路由,如果是后端路由就不是spa了,就是多页面应用了 1.vue-router的路由模式 1.1Hash 网页url组成部分 location // 位置 lo
阅读全文
摘要:资料参阅vue官网 某人微博 1.首先 1.了解input绑定的v-model实质 //v-model为表单元素输入的双向绑定,在input中 <input v-model="searchText"> 等价于 <input v-bind:value="searchText" v-on:input="
阅读全文