随笔分类 -  疫情过后/vue进阶

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

点击右上角即可分享
微信分享提示