随笔分类 -  Vue

上一页 1 2 3
Vue中常用的组件库
摘要：github：https://github.com/vuejs/awesome-vue 阅读全文
posted @ 2019-11-09 13:05 Nayek 阅读(510) 评论(0) 推荐(0)
Vue中使用keep-alive优化网页性能
摘要：用keep-alive包裹路由 当前数据第一次访问时，会被缓存到浏览器缓存当中，若数据无更替，则直接读取缓存中的数据。 使用keep-alive时会存在一个activated的生命周期钩子 只有在lastCity不等于当前的City时，才会送一个新的Ajax请求数据（通过调用getHomeInfo函 阅读全文
posted @ 2019-11-09 13:00 Nayek 阅读(260) 评论(0) 推荐(0)
Vue中router路由异步加载组件-优化性能
摘要：何时使用异步加载组件 当首页app.js文件太大时，可以拆分组件异步加载，如果app.js文件很小时，不建议使用异步加载组件，因为异步加载组件时每次都要发送一个HTTP请求，这样的代价远比首页一次性加载小的js文件的开销大；所以当首页一次性加载的文件太大时，可以使用异步加载组件的写法。 原先写法： 阅读全文
posted @ 2019-11-09 12:27 Nayek 阅读(1621) 评论(0) 推荐(0)
Vue如何实现数据响应的
摘要：参考博客：https://medium.com/vue-mastery/the-best-explanation-of-javascript-reactivity-fea6112dd80d 翻译博客：https://www.zcfy.cc/article/the-best-explanation-o 阅读全文
posted @ 2019-11-03 23:23 Nayek 阅读(315) 评论(0) 推荐(0)
Vue生命周期详解
摘要：vue生命周期流程图：4张图 ： 生命周期的解析和应用： Vue 实例有一个完整的生命周期，也就是从开始创建、初始化数据、编译模板、挂载Dom→渲染、更新→渲染、卸载等一系列过程，我们称这是 Vue 的生命周期。通俗说就是 Vue 实例从创建到销毁的过程，就是生命周期。 destroyed ： 子父 阅读全文
posted @ 2019-11-03 16:00 Nayek 阅读(388) 评论(0) 推荐(0)
Vue知识点总结
摘要：v bind和v model的区别 1.v bind用来绑定数据和属性以及表达式，缩写为'：' 2.v model使用在表单中，实现双向数据绑定的，在表单元素外使用不起作用 什么是 mvvm？ MVVM 是 Model View ViewModel 的缩写。mvvm 是一种设计思想。Model 层代 阅读全文
posted @ 2019-10-24 00:25 Nayek 阅读(254) 评论(0) 推荐(0)
v-if和v-show 的区别
摘要：区别 1.手段：v-if是通过控制dom节点的存在与否来控制元素的显隐；v-show是通过设置DOM元素的display样式，block为显示，none为隐藏； 2.编译过程：v-if切换有一个局部编译/卸载的过程，切换过程中合适地销毁和重建内部的事件监听和子组件；v-show只是简单的基于css切 阅读全文
posted @ 2019-10-20 21:54 Nayek 阅读(393) 评论(0) 推荐(0)

上一页 1 2 3