Vue的基础理解(七)

Vue的基础理解(七)

  • .prevent : 拦截默认事件
  • .passive: 不拦截默认事件
  • .stop : 阻止冒泡事件
  • .self : 事件不是从内部元素触发的,是前元素自身时触发处理函数
  • .self.prevent 只会阻止对元素自身的点击。
  • .once : 只会触发一次
  • .capture :事件侦听,事件发生的时候会调用

vue的单页面应用有啥优缺点?

优点: Vue的目的是通过尽可能简单的API实现相应的数据绑定和组合视图组件,核心是响应式数据绑定,MVVM 轻量、组件化、简洁、高效、快速

缺点:

  • 不支持低版本浏览器,最低只支持IE9
  • 不利于SEO的优化
  • 第一次加载页面耗时相对长一些,不可以使用浏览器的导航按钮需要自行实现前进和后退

路由,$route和$router有什么区别?

  • route 表示路由信息对象,包括path,params,hash,query,fullpath,matched,name等路由信息参数
  • router表示路由实例对象,包括了路由的跳转方法,钩子函数等。

vue-Router中有哪些导航守卫?

  • 「全局前置钩子」:beforeEach,beforeResolve,afterEach
  • 「路由独享守卫」:beforeEnter
  • 「组件内部守卫」:beforeRouteEnter,beforeRouteUpdate,beforeRouteLeave

vue-Router 中 hash / history 两种模式有什么区别?

  • hash模式会在url上显示"#",而history模式没有
  • 刷新页面时,hash模式可以正常加载到hash值对应的页面,history模式没有处理的话,会返回404,一般需要后端将所有页面都配置重定向到首页路由
  • 兼容性上,hash模式可以支持低版本浏览器和IE