qq_24243695的博客

原理是通过数据劫持结合发布-订阅模式实现的。数据劫持：Object.definedPropety()重新定义get/set方法来劫持数据。发布者Observer：监听所有的属性。订阅者watcher编译器compile:初始化watcherDep：收集watcher过程：数据更新，触发setter方法，setter方法里面调用了Dep.notify()方法，Dep开始遍历watcher...

<template> <div> <ul> <li v-for="(item, index) in list1" @mouseenter="handleMouseEnter" :id="index"></li> </ul> <div> <div v-for="(item, index...

1.在@mixin内部定义变量，使用@content占位符来占据后续内容位置。2.使用@include来嵌套使用，形成BEM命名策略的css样式3.$block是指input组件, $element是指input里面的元素，例如input框, $modifier是指元素的不同状态。4.@mixin B(){} ==> .zou-input5.@mixin e(){} ==>...

Vue中插槽的目录如下：插槽内容编译作用域后备内容具名插槽作用域插槽独占默认插槽的缩写语法5.2解构插槽Prop动态插槽名具名插槽的缩写插槽内容编译作用域后备内容具名插槽作用域插槽独占默认插槽的缩写语法解构插槽Prop动态插槽名具名插槽的缩写...

DOM结构 <div id="container"> <h1 class="title"> JS模拟DOM <span>哈哈</span> </h1> <p class="content">模拟模拟</p> ...

v-if：true渲染元素，false删除元素HTML<div id="vm"> <div v-if="flag">flag=true显示，flag=false移除dom</div></div>JavaScriptconst vm = new Vue({ el: "#vm", data: { fla...