vue
杨小菡
这个作者很懒,什么都没留下…
展开
-
vue对各种数据类型的监听方式
Vue父组件向子组件传递一个动态的值,子组件如何保持实时更新实时更新?场景:父组件发生数据变化,动态的传递给子组件,子组件实时刷新视图解决方法:需要在子组件watch中(监听)父组件数据的变化在子组件中使用watch应该注意的问题:1.watch监听普通类型的数据:data() { return { frontPoints: 0 } }, watch: { frontPoints(newValue, oldValue) {转载 2020-05-28 11:09:33 · 1277 阅读 · 0 评论 -
Vue.js的异步更新队列
Vue.js为什么使用异步更新队列在vue.js2.0开始使用虚拟DOM进行渲染,变化侦测的通知只发送到组件,组件内所有的状态变化都会通知到同一个watcher,然后虚拟DOM会对整个组件进行对比(diff)也就是说如果在同一轮事件循环中有两个数据发生变换,那么组件的watcher会收到两份变化的通知,从而进行两次的渲染但事实hvue并不会进行两次渲染,虚拟DOM会对整个组件进行渲染,所以等所有...原创 2019-10-12 17:35:26 · 327 阅读 · 0 评论 -
虚拟DOM
虚拟DOM的解决方式:虚拟DON的解决方式是通过状态生成一个虚拟的DOM节点树,然后使用虚拟节点树进行渲染。在渲染之前,会使用新生成的虚拟节点树和上一次生成的虚拟节点树进行对比,只渲染不同的部分。虚拟DOM主要在vue.js中做了两件事 1.提供与真实DOM节点所对应的虚拟节点vnode. 2.将虚拟节点vnode和旧虚拟节点oldVnode进行对比,然后更新视图。vue.js通过...原创 2019-10-12 13:18:11 · 134 阅读 · 0 评论 -
vue跳转路由并传递参数
vue跳转路由并传递参数很多时候我们在编写vue项目时需要跳转页面并携带参数编码如下:this.$router.push({ name:"Personal", params:{ name:'name', userType:userType ...原创 2019-08-14 16:20:57 · 201 阅读 · 0 评论