weixin_45037444的博客

//html代码<div class="box-wrap"> <ul :class="{'move-style': moveFlag}"> <li v-for=item in list>{{item}}</li> </ul></div>//css代码.box-wrap { overflow: hidden;}ul { height: 160px;}li { height: 80px;}.move-st

通过js层面的计算，返回一个patch对象（补丁），把patch对象应用到真实的DOM上概念：只做同级比较，不做跨级比较差异计算:先序深度优先，同级如有子节点先遍历子节点再去回到统计的节点。比较规则：...

虚拟dom就是通过js的对象去模拟真实的dom，然后通过js代码去渲染成真实的domclass Element { constructor(type,...args) { this.type = type; if(Array.isArray(args[0])){ this.props = {}; this.c...

基本使用（占位的作用）：<slot></slot>默认值：<slot>button</slot>具名插槽： //在定义具名插槽 <slot name="demo"></slot> //使用具名插槽 <cpn> <span slot="demo"></span> <...

因为每个组件都维护自己的数据，如果使用data:{}，则会共用一个data。

场景：组件内部更新数据（传值进入组件后，组件根据事件来更新传入的数据，使用时就不需要绑定事件来更新数据）问题：props单向数据流，父组件数据更新时，子组件数据也同时更新。如果子组件更新，父组件也同时更新，如果父组件有多个组件同时依赖一个数据，会引发其他子组件发生改变，发生问题不容易找到。所以vue不推荐我们这么做。解决：在model选项里，可以绑定一个prop属性，并为他添加一个时间，只要触...