Vue常用的修饰符有哪些?
Vue.js 为 v-on 提供了事件修饰符。之前提过,修饰符是由点开头的指令后缀来表示的。
- .prevent : 拦截默认事件
- .passive: 不拦截默认事件
- .stop : 阻止冒泡事件
- .self : 事件不是从内部元素触发的,是前元素自身时触发处理函数
- .self.prevent 只会阻止对元素自身的点击。
- .once : 只会触发一次
- .capture :事件侦听,事件发生的时候会调用
vue的单页面应用有啥优缺点?
优点: Vue的目的是通过尽可能简单的API实现相应的数据绑定和组合视图组件,核心是响应式数据绑定,MVVM 轻量、组件化、简洁、高效、快速
缺点:
- 不支持低版本浏览器,最低只支持IE9
- 不利于SEO的优化
- 第一次加载页面耗时相对长一些,不可以使用浏览器的导航按钮需要自行实现前进和后退
路由, r o u t e 和 route和 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