今日完成的事

       任务6-10

明日计划的事

       继续任务6-10

收获

      终于安装好vue环境，晚上挂机一晚上也没装好，早上一下子就装好了，不挂vpn的话时间段也很重要，之前使用淘宝源命令安装的是vue-cli2.0的脚手架。

从目录上可以很明显看到3.0比2.0精简了很多东西，从CLI 3的整个项目结构我们可以发现，这个结构很简单，没有相关的配置文件或复杂的目录结构。CLI 3仅生成构建应用程序所需的文件，让使用者不用关心这些工具的具体配置，从而降低了工具的使用难度。

运行http://localhost:8000/dashboard还有个可视化图形界面。

$route 和 $router的区别？

$router 是router（路由）实例；$route 是一个对象，可以访问path，name等属性。还有就是route object 是只读的，不可变的，所以我们不能更改其中的值。

router.replace 和 router.push 的区别？

前一个不会记录路由到history栈里，后一个会，回退的时候，根据记录进行回退。还有router.go(n)（n为number类型，可以负） 来实现页面前进和回退。这里也可以使用history.go 或者history.forward() (前进，相当于history.go(1)) 和history.back() (后退，相当于history.go(-1));

$route.params 和 $roue.query 的区别？

显示的方式不一样

在router-link中显示形态

懒加载，实现的原理是vue的异步组件和webpack代码分割功能，webpack是根据import来进行代码分割的，vue的组件是异步加载的，可以import组件，来实现代码的分割，同时实现异步加载。