mode属性的作用：
我们在做了这么多vue小案例后，发现地址栏里总是有一个”#”。那我们有没有办法去掉这个可恶的“#”呢？想去掉“#”，需要设置router.js。我们来到router.js里
设置mode: “history”,再来看一下页面，发现“#”消失。嗯，达到目的了。
Mode属性还有另一个值，就是hash。当我们将值改成hash里，可以看到地址栏里的“#”又出现了。
屏幕快照 2018-10-18 上午8.12.30.png
mode属性的属性值：
mode:”history” => 地址栏里的“#”消失；
mode:”hash” => 地址栏里的“#”出现，这也是不设置mode的默认值
完整代码：
<pre>
export default new Router({
mode: "history",
routes: [
{
path: '/home',
name: 'home',
component: Home
}
]
})
</pre>
timg34.jpg
404页面的处理：
当我们上网的时候，如果输入错误的页面的时候，通常会出现一个404错误页，这也提升了网站的用户体验。那么我们在项目开发的时候如何处理404页面呢？
实现在404错误处理页面的步骤：
第一步：创建一个Error.vue这个组件
第二步：在router.js里设置路径等：
（1） 引入404页面：import Error from './views/Error.vue'
（2） 设置：
<pre>
{
path: '*',
name: 'error',
component: Error
}
</pre>
当我们在地址栏输入错误路径时，就会显示404页面了。虽然是一个小小的举动，但对于访问网站的用户来说，会大大提升网站的体验值的，所以它的价值是很大。
网络上会有很多很漂亮很有创意的404页面，我们可以去参考一下，美化一下我们的404页面，会让访问错误地址的用户的情绪放松下来。
欢迎关注微信公众号：duzhan99
