随笔分类 - Vue
摘要:keep-alive: Vue 的内置组件,当它包裹动态组件时,会缓存不活动的组件实例,而不是销毁它们。 与transition 相似,keep-alive 是一个抽象组件:它自身不会渲染成一个 DOM 元素,也不会出现在父组件链中。 作用: 在组件切换过程中将状态保留在内存中,防止重复渲染DOM,
阅读全文
摘要:用过vue的都知道,vue中data中定义的数据会随着我们通过方法改变该数据的同时,页面上相关此数据的也会相应的刷新,实现响应式数据。它是如何实现这一功能的? Vue2.xx版本中用Object.defineProperty(obj, prop, descriptor) 可传入三个值,其作用是该方法
阅读全文
摘要:MVVM:Model-View-ViewModel的缩写 Model:数据模型,数据和业务逻辑都放在其中定义 View:视图层,负责数据的展示 ViewModel:同步View与Model的一个对象。因为,数据库结构往往是不能直接跟界面控件一一对应上的,所以,需要再定义一个数据对象专门对应View上
阅读全文
摘要:先看如下代码: //app.vue <template> <div> <Child> <span>小红</span> </Child> </div> </template>import Child from './child.vue'<script> components:{ Child }</sc
阅读全文
摘要:Vue是数据驱动视图的一个前端框架,所以说对于Vue来说,组件之间的通讯方式非常重要。通讯方式按照组件之间的关系分为父子组件之间通讯,非父子组件之间通讯(兄弟组件,隔代组件) 总结来说: 父子组件通信: props/$emit; $parent/$children;provide/inject;re
阅读全文