问题:路由跳转卡顿,原因在于vue生命周期destory销毁时间,懒加载问题
通过路由跳转之后进入一个页面之后会出现样式错乱但是刷新一下就有OK 了。
原因:是由于在项目开始的时候,一股脑的热情把所有的代码都码好了,然后就开始测试各模块的功能。在页面跳转的时候总有几个页面,在跳到该页面时样式全错位了,但是刷新一下就又好。于是就打开浏览器查看在页面跳转时样式的变化,我发现有些页面,在跳转时页面的样式并没有加载,而是沿用了前一个页面的,或者前面已经加载过页面的样式。一开始觉得很奇怪,后来想了想,这是个单页面应用。是不是样式的id 或者 class 冲突了,一看果然是冲突了。要是同样的样式,前面已经加载过了,浏览器在跳到下个页面相同的样式就不会再加载了。在起名的时候可以自行区分,也可以根据官网的提示,
这个可选 scoped 属性会自动添加一个唯一的属性 (比如 data-v-21e5b78) 为组件内 CSS 指定作用域,也就是给你定义的名字前加一串哈希值,编译的时候 .list-container:hover 会被编译成类似 .list-container[data-v-21e5b78]:hover。