1、vue中transition、动画效果单组件(
)v-enter,v-enter-to,v-enter-active,v-leave,v-leave-to,v-leave-active六个状态。（定义了transition名称，前缀v可以用transition名称代替）v-enter-active和v-leave-active反映主要可见状态，主要效果可以在这里添加；v-enter是转移的初始状态，v-leave-to是结束状态，这里可以加上start和end状态。过渡模式in-out（先进入，旧元素再消失），out-in（旧元素先消失，新元素再进入）list(
)2.功能插件①vue-lazyload（图片的延迟加载）②mint-ui/vux（轮播图片，各种弹框，提示框）③vue-matomo（前端统计，用来记录浏览量）详细链接：https://www.cnblogs.com/heior...④vue-infinite-scroll（无限加载）⑤fastclick（手机点击事件延迟问题）npminstallfastclick--saveimporFastclickfrom'fastclick'Factclick.attach（文件。正文）；3.数据和渲染组件以temple的形式渲染，开始遍历data中的数据，挂载时挂载虚拟DOM。通过设置getters和setters来跟踪更新，只能跟踪更新data中定义的数据，不能跟踪数组元素的变化，可以跟踪对象属性(watch-deep:true)。computed中的数据挂载后触发计算，一开始不进行watch监控。只有当监控的数据发生变化时，才会触发监控函数（监控函数在计算前触发），异步更新DOM。在vue实例中，当可追踪数据发生变化时，vue会开启一个队列来记录变化，在下一个事件循环tick之前进行去重优化，然后重新渲染DOM。有时我们需要在DOM渲染后进行如下操作，比如DOM操作（渲染前出错），需要对vue.nextTick(callback)进行特殊处理，然后在当前轮tick中进行操作，以及在下一轮滴答中，DOM被渲染并执行。4、vue-router的使用和路由原理分析路由的分类：前端路由和后端路由。早期路由是后端的责任。随着前端越来越复杂，前后端分离的普及，后端路由的弊端逐渐显现。依赖于网速、用户体验差、前后端耦合，后端路由逐渐消失。前端路由模式：hash模式和history模式。哈希模式是最早的路由模式。优点是兼容低版本。缺点是url中有#，不美观，某些情况下不会刷新。history模式是HTML5标准的一个新的API，除了可以兼容低版本之外，还可以弥补hash的不足。路由的基本原理：在单页面应用中（多页面不涉及路由问题），我们希望共享页面的一部分（头部和底部），通过改变中间内容。其中一个需求是在路由跳转时刷新页面，保持当前状态。这个需求首先是通过hash实现的，通过hashchange事件可以监听hash的变化，实现不同页面的操作。后来HTML5提出了history，提供了history.pushState()和history.replaceState()方法来实现不刷新页面的跳转。缺点是我没办法监听history的变化，所以可以分析一下url的变化响应式操作①浏览器前进后退按钮②一个标签的跳转③代码中的Location.href跳转，其中浏览器按钮可以通过onpopstate事件进行监听，a标签可以禁止其默认行为。因此，我们可以监控历史的变化。vue-router：路由跳转涉及函数式钩子函数，beforeEach(to,from,next)--全局守卫函数，可以处理路由变化时；组件中使用的钩子函数beforeRouterEnter(to,from,next)--组件还没有创建，所以这里没用；beforeRouterUpdate(to,from,next)--当组件被复用时，触发该函数，比如动态路由的参数变化；beforeRouterLeave(to,from,next)——离开当前组件时调用。5.过滤器的使用filter.js:constfilters={filter1:(value)=>{doSomthing;},filter2:(value)=>{doSomthing;},}exportdefaultfilters;importfiltersfrom'./filters/filter'//通过object.keys引入Object.keys(filters).forEach(k=>Vue.filter(k,filters[k]))到vue中
