随笔分类 -  Vue

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

点击右上角即可分享
微信分享提示