VUE
MING23333
这个作者很懒,什么都没留下…
展开
-
MVVM
MVVM Model 指数据部分,js view 试图部分 dom viewmodel :连接视图与数据部分的中间件通讯 view与model不能直接通信,通过viewmodel实现双向通信原创 2019-09-03 23:08:58 · 129 阅读 · 0 评论 -
实现一个自定义组件,不同组件间如何通信的?
例:全局组件 <body> <div id="app"> <my-comonpent></my-compinent> </div> <template id="myTemplate"> <div> <h3>123</h3> </div> </template> <...原创 2019-09-03 22:52:38 · 367 阅读 · 0 评论 -
nextTick用法与vue常用基础指令
一,nextTick用法 当操作数据发生改变,并不会立即执行更新dom操作,而是等事件所有数据都改变才执行操作, 故更新一个数据后立即对该数据绑定dom操作可能得不到想要的结果 故使用nextTick解决这种问题 例 //修改数据 vm.msg="hello" Vue.nextTick(function(){ //dom更新,此时提供dom有效 }) 二,vue常用基础指令 v-if v-else...原创 2019-09-03 23:05:58 · 236 阅读 · 0 评论 -
数据双向绑定与虚拟dom原理
一,数据双向绑定 view的变化反映到ViewModel,ViewModel变化同步反映到view上 原理: vue数据双向绑定是通过数据劫持,结合发布者-订阅者模式方式实现的 二,虚拟DOM原理 虚拟dom是为了解决DOM操作过多而导致性能低的问题,直接操作dom,改一次渲染一次,而虚拟dom是用js模拟一棵dom树,每次修改dom,先把虚拟dom修改,最后再一次性把虚拟dom更新,提高性能 虚...原创 2019-09-03 23:19:17 · 1806 阅读 · 0 评论