Vue的基础理解(七)
<h4>Vue常用的修饰符有哪些？</h4>
<p>Vue.js 为 v-on 提供了事件修饰符。之前提过，修饰符是由点开头的指令后缀来表示的。</p>
<ul>
<li>.prevent : 拦截默认事件</li>
<li>.passive: 不拦截默认事件</li>
<li>.stop : 阻止冒泡事件</li>
<li>.self : 事件不是从内部元素触发的，是前元素自身时触发处理函数</li>
<li>.self.prevent 只会阻止对元素自身的点击。</li>
<li>.once : 只会触发一次</li>
<li>.capture ：事件侦听，事件发生的时候会调用</li>
</ul>
<hr />
<h4>vue的单页面应用有啥优缺点？</h4>
<p>优点： Vue的目的是通过尽可能简单的API实现相应的数据绑定和组合视图组件，核心是响应式数据绑定，MVVM 轻量、组件化、简洁、高效、快速</p>
<p>缺点：</p>
<ul>
<li>不支持低版本浏览器，最低只支持IE9</li>
<li>不利于SEO的优化</li>
<li>第一次加载页面耗时相对长一些，不可以使用浏览器的导航按钮需要自行实现前进和后退</li>
</ul>
<hr />
<h4>路由，$route和$router有什么区别？</h4>
<ul>
<li>route 表示路由信息对象，包括path,params,hash,query,fullpath,matched,name等路由信息参数</li>
<li>
<h2>router表示路由实例对象，包括了路由的跳转方法，钩子函数等。</h2>
</li>
</ul>
<h4>vue-Router中有哪些导航守卫?</h4>
<ul>
<li>「全局前置钩子」：beforeEach,beforeResolve,afterEach</li>
<li>「路由独享守卫」：beforeEnter</li>
<li>「组件内部守卫」：beforeRouteEnter,beforeRouteUpdate,beforeRouteLeave</li>
</ul>
<hr />
<h4>vue-Router 中 hash / history 两种模式有什么区别？</h4>
<ul>
<li>hash模式会在url上显示'#'，而history模式没有</li>
<li>刷新页面时，hash模式可以正常加载到hash值对应的页面，history模式没有处理的话，会返回404，一般需要后端将所有页面都配置重定向到首页路由</li>
<li>兼容性上，hash模式可以支持低版本浏览器和IE</li>
</ul>