Vue的基础理解(七)

Vue常用的修饰符有哪些？

Vue.js 为 v-on 提供了事件修饰符。之前提过，修饰符是由点开头的指令后缀来表示的。

• .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