vue
老灯儿
老码农了,代码写的溜了,滑水的时间多了。多年以来都是面向百度编程,看各位大佬的技术分享受益匪浅。该是回馈社会的时候了,请各位大佬轻喷
展开
-
vue 父组件样式影响子组件
后,父组件的样式将不会渗透到子组件中。不过一个子组件的根节点会同时受其父组件的 scoped CSS 和子组件的 scoped CSS 的影响。这样设计是为了让父组件可以从布局的角度出发,调整其子组件根元素的样式。文档写的比较简洁,只有干巴巴的这么一句话,并没有提供例子,解释具体是怎么影响的。奇怪的是子组件的文字也变成了白色。两个组件的style标签都使用了scoped属性啊,组件之间的样式应该是不互相影响的,真是见了鬼。在一次开发调试过程中,发生了一件让我百思不得其解的。原创 2023-05-11 10:02:26 · 1985 阅读 · 0 评论 -
提高vue项目编译速度的另类方法
原理很简单,需要编译的代码少了啊。vue3推荐的前端构建工具vite,也是同样的原理,使用ESM加载文件,只编译当前页面需要的代码。这个方法也有一些弊端,就是当开发完需要的功能,放开注释之后,有可能样式错乱,这是由于使用extract-text-webpack-plugin抽取组件样式到单独文件中,使css 选择器的层级产生了错乱。之前接手一个项目,构建工具是webapack,前端框架是vue初代,包含多达几个页面,编译速度感人,改个字母,等待时间,足够喝几杯茶,严重影响工作效率,对于我,是绝对不能忍的。原创 2023-05-11 09:37:13 · 454 阅读 · 0 评论 -
vue2使用组合式api
一些中古代码,由于各种原因,无法升级到vue3,对于组合式api,只有眼馋的份。本人已完成迁移,工作量不是很大,一些第三方库也需要升级,跟着迁移文档设置,就能完成。原创 2023-05-10 15:02:42 · 326 阅读 · 0 评论 -
解决路由重复跳转bug
经过思考,项目其他地方应该是调用路由跳转的方法,例如。原创 2023-05-09 17:03:22 · 1551 阅读 · 1 评论