本版本是对于vue2.x的总结，未来等学习了vue3，再完善对比一波！然后就是说，我们这里主要介绍原理部分，所谓二八原则，我们一切都从最重要的说起吧！ 一切从这张图开始 让我们一步步看吧！ 一、初始化 在 new Vue() 之后。 Vue 会调用 _init 函数进行初始化 ...

方法1（推荐）： 给组件加上唯一的key值，当key值发生变化，组件就会重新渲染，如： 方法2： 使用 v-if ，当有数据时，再渲染组件 方法3： Vue.forceUpdate() 参考文章：https://segmentfault.com ...

方案一：v-if（可以重置生命周期） 当数据变更后,通过watch 监听，先去销毁当前的组件，然后再重现渲染。使用 v-if 可以解决这个问题 这种方式虽然可以实现，但太不优雅 方案二 ：：key=‘’（此处可触发watch和update） 通过vue key ...

Vue组件v-if新渲染的组件不更新：可能原因是Vue识别到是相似组件（高度相似甚至相同）不会更新元素。给原来的组件和新组件分别给不同的key值让Vue识别为不同的组件。 ...

当el-table被封装在子组件时，tableData发生变化，数据没有重新渲染 解决方法：为该子组件绑定一个key，每次tableData发生变化时，改变这个key <Table class="card-table" :tableData ...

Vue的列表渲染 注：其实使用的还是相关的vue的指令进行相应的数据绑定和渲染 在前边写过一个博客来说指令的相关内容但是写的不细，就是写了相应的使用方法，在此要提到之前遇到的一个问题 就是前端拿到返回数据进行数据渲染·列表展示的时候，之前就是直接解析出数组直接在DOM上边写一个v-for 进行 ...

在某一个页面有多个组件需要同时引入或者按需引入，并且通过后端接口控制显示哪些组件。 ...

因为不采用异步更新，在每次更新数据都会对当前组件进行重新渲染。所以为了性能考虑，vue 会在本轮数据更新后，再去异步更新视图。 ...