持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第13天，点击查看活动详情
1、哈希路由和history路由的区别:
Hash模式：
1、url路径会出现#字符
2、Hash值不包括在HTTP请求中，它是交由前端路由处理，所以改变hash值时不会刷新页面，也不会向服务器发送请求
3、Hash值的改变会触发hashchange事件`
History模式：
1、整个地址重新加载，可以保存历史记录，方便前进后退
2、使用HTML5 API（旧浏览器不支持）和HTTP服务端配置，没有后台配置的话，页面刷新时会出现404
2、哈希路由和history路由的原理:
1）hash模式：在浏览器中符号“#”，#以及#后面的字符称之为hash，用 window.location.hash 读取。特点：hash虽然在URL中，但不被包括在HTTP请求中；用来指导浏览器动作，对服务端安全无用，hash不会重加载页面。
2）history模式：history采用HTML5的新特性；且提供了两个新方法： pushState()， replaceState()可以对浏览器历史记录栈进行修改，以及popState事件的监听到状态变更
3、父子组件的生命周期钩子:
父beforeCreate => 父created => 父beforeMount => 子beforeCreate => 子created =>子beforeMount => 子Mounted=>父Mounted
子组件先挂载 然后到父组件,更新也类似 父beforeUpdate =>子beforeUpdate => 子updated => 父updated
4、v-mode和.sync的对比
两者本质都是一样，并没有任何区别： “监听一个触发事件”="(val) => value = val"。
1.只不过v-model默认对应的是input或者textarea等组件的input事件，如果在子组件替换这个input事件，其本质和.sync修饰符一模一样。比较单一，不能有多个。
2.一个组件可以多个属性用.sync修饰符，可以同时"双向绑定多个“prop”，而并不像v-model那样，一个组件只能有一个。
5、vue路由钩子beforeEach的参数
to: Route: 即将要进入的目标 路由对象
from: Route: 当前导航正要离开的路由
next: Function: 一定要调用该方法来 resolve 这个钩子。执行效果依赖 next 方法的调用参数。
