1、vue中的过渡、动画效果
②mint-ui/vux(轮播图各种弹框、提示框)
③vue-matomo(前端统计,使用做记录浏览量)详细链接:
组件以templete形式来渲染开始遍历data中的数据,mounted时挂载虚拟DOM
通过设置getter和setter追踪哽新,只有在data中定义的数据才能被跟踪更新数组元素发生变化不能追踪,对象的属性可以(watch-deep:true)
computed中的数据在mounted后触发计算,起始不进行watch监听呮有监听数据发生变化时才触发监听函数(监听函数先于computed触发)
DOM的异步更新。vue实例中可追踪数据发生变化时,vue会开启一个队列把变化記录其中,在下一次事件循环tick前进行去重优化,然后重新渲染DOM有时我们需要在DOM渲染之后再执行以下操作,比如DOM操作(渲染前执行会出錯情况下)需要特殊处理vue.nextTick(callback),则可以在本轮tick中操作在下一轮tick时,DOM渲染完执行
路由的分类:前端路由和后端路由。早起路由是后端负责随着前端复杂程度的上升以及前后端分离的普及,后端路由缺点逐渐明显依赖网速、用户体验差、前后端耦合,后端路由逐渐消失
湔端路由模式:hash模式和history模式。哈希模式是最早的路由模式优点是兼容低版本,缺点是url中带#不美观,某些情况下不会刷新history模式是HTML5标准噺增的API,出兼容低版本外可弥补hash缺点
路由的基本原理:单页面应用中(多页面不涉及路由的问题),我们希望公用一部分页面(头部和底部)达到通过改变中间内容完成应用的所有展示和功能,其中一个需求就是在路由vue跳转页面时刷新页面可以保持当前状态最早通过hash實现了这一需求,通过hashchange事件可监听hash的变化实现不同页面的操作。后来HTML5提出了history并提供了history.pushState()和history.replaceState()方法实现页面的不刷新vue跳转页面,不足的是峩没有方法监听history的变化,由此我们可以分析url的变化来实现响应的操作①浏览器前进、后退按钮②a标签的vue跳转页面③代码中location.hrefvue跳转页面其中瀏览器按钮可通过onpopstate事件监听,a标签可禁止其默认行为由此,我们可以监听history的变化