摘要: 虚拟dom本质上是js对象,是对真实dom的抽象,在状态变化时,记录新树和旧树的差异,最后把差异更新到真实dom中 虚拟dom将dom的对比放在了js层,通过对比不同之处来选择新的渲染节点,从而提高渲染效率 优缺点: 虚拟dom能保证下限,通过diff算法找出最小差异,然后批量patch,这样虽比不 阅读全文
posted @ 2022-09-23 16:09 天青色等烟雨灬 阅读(1114) 评论(0) 推荐(0)
摘要: 现代我们在开发SPA(单页面应用时)往往会用到路由(vue-router) 有两种模式 Hash模式 一种把前端路由的路径用#拼接在真实url后面的模式,当#后的地址变化时,浏览器不会重新发起请求,而是触发onhashchange事件 网页url组成 示例 http://127.0.0.1:8001 阅读全文
posted @ 2022-09-23 15:55 天青色等烟雨灬 阅读(174) 评论(0) 推荐(0)
摘要: v-for的优先级比v-if高,这意味着v-if将运用于每个v-for中,造成资源浪费 解决: 可以将v-if放到v-for的外层,先进行一次判断 利用computed计算属性先把v-for需要的属性过滤一遍 阅读全文
posted @ 2022-09-23 14:39 天青色等烟雨灬 阅读(43) 评论(0) 推荐(0)
摘要: 功能上:computed是计算属性;watch是监听一个值的变化,然后执行相应的回调 computed中函数所依赖的数据没有发生变化,就会从缓存中调取;watch每当监听的数据变化时就会执行回调 computed必须要有return返回值;watch可以没有 computed默认第一次加载的时候就监 阅读全文
posted @ 2022-09-23 10:07 天青色等烟雨灬 阅读(65) 评论(0) 推荐(0)
摘要: 区别: mvvm通过数据驱动视图层的显示而不是节点操作 mvc中的view和model是可以直接访问的,造成耦合度较高 mvvm真正将页面和数据逻辑分离,将数据绑定放到js实现,解决了mvc中大量的dom操作使得页面渲染速度将降低,加载速度慢 mvc(Model-View-Controller)是单 阅读全文
posted @ 2022-09-23 09:39 天青色等烟雨灬 阅读(872) 评论(0) 推荐(0)
摘要: vue双向数据绑定的核心思想是MVVM(Model-View-ViewModel),View和Model是没有直接联系,通过ViewModel进行交互 当用户操作View,ViewModel会感知到,然后通知Model发生相应的变化;当Model变化时,ViewModel会使View发生相应的更新 阅读全文
posted @ 2022-09-23 09:17 天青色等烟雨灬 阅读(182) 评论(0) 推荐(0)