发表于: 2019-08-20 23:46:14
1 316
今日完成的事
任务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组件,来实现代码的分割,同时实现异步加载。
评论