qq_45701130的博客

双向绑定在于数据变化更新视图，视图变化更新数据，因为视图更新数据可以通过事件监听来控制，着重点就是数据变化如何更新视图。

所以在新旧DOM对比时就会发现input类的新旧虚拟DOM是相同的，其实他们的真实DOM应该是不同的，但是此时还是会使用原来的真实DOM节点，此时就会发生错误。（1）如果新的虚拟DOM在旧的虚拟DOM中找到相同的key，就会比较虚拟DOM的内容，如果内容一致的话就会复用原来的真实DOM节点，如果不同就会创建新的真实DOM来替换掉原来的真实DOM。key是虚拟DOM的唯一标识。当数据发生变化时，会根据新的数据产生新的虚拟DOM，然后新的虚拟DOM会和旧的虚拟DOM进行对比。..................

功能要求：1、点击全选，其他相关的复选框都会被选中2、取消全选，相关复选框都变成不选中3、所有相关复选框都被选中后，全选框被选中4、只要有一个相关复选框没有被选中，全选框就不被选中一、vue双向绑定checked属性实现二、JavaScript实现全选和反选.........

前言：在项目开发的过程中，我们会将Vue项目和element-ui进行结合使用，但是如果element-ui的样式有时不符合我们的需求时，这时就需要修改它的样式，此时就需要用到深度选择器。解决方案：1、style为css时，使用 >>>2、style为css的预处理器（less,sass,scss）时，可以使用 /deep/和 ::v-deep<style lang="css"> >>> .active{

单页面应用只有一个主页面的应用，一开始只需要加载一次js、css等相关资源。单页应用跳转，就是使用路由跳转切换相关组件，仅刷新局部资源。多页面应用多个独立的页面的应用，每个页面必须重复加载js、css等相关资源，多页应用跳转，需要整页资源刷新。...

一、计算属性1、什么是计算属性？<div> {{message.split('').reverse().join('')}}</div>模板设计的初衷是用于简单计算的，在模板内放太多的逻辑会让模板难以维护，对于任何复杂的逻辑都可以使用计算属性。对于上述例子使用计算属性来处理<div id="app"> <p>{{message}}</p> <p>reversedMessage</p></div&g