有关Vue scoped less 样式编译不通过

【遇到问题】

  vue中解决样式只作用于当前界面,不影响全局,样式编译报错

 

【问题来源】

  这是我第一次做vue的项目,在开发过程中,我针对样式进行了修改,才发现影响了全局的样式,于是我就上网查了,才发现 style 里面要加 scoped 

    <style lang="less" scoped>

  然后我就发现加了这个之后样式并没有发生改变。原来是因为原来有样式,他是没有办法覆盖之前的样式的。

有关详解参考博客:https://blog.csdn.net/sdo2605587/article/details/79141111 (提供了解决方案,我好像不太看得懂😂)

  

 

  

 

 【解决方法】

  毕竟我们也不是没学过css的人对吧,大不了定义一个唯一的 class 来包裹真个样式,在页面最外面的div 上面添加 class,但是要注意的是 

style 的标签的 lang 要设置为 scss (lang = ‘less’ 编译不通过)

<style lang="scss" >
    .welcome {
        .text {
            font-size: 14px;
        }
    }
</style>

这边也查了一些有 less 的有关博客,一起学习

https://www.cnblogs.com/qdwds/p/11516181.html

 

最后(个人感想)

  我一直记得前几天我在抖音上看的视频,好几个都说农村出来的孩子如何如何,以及说到了第一次不敢坐地铁,不会怕丢人,那些城里人习以为常的东西,可能农村人见多没见过,不自信,什么什么的,好像农村人给她带来了极大的自卑的感觉。

出生农村的我,初中才第一次碰电脑,打字都不会,后来大学专业课成绩一直很好,工作也是做了开发(走了专业方向),不要怕接触晚,重要的是当你接触了之后怎么最快的学会并做好。我第一次坐火车是一个人,但是我并不担心,这种大众使用的东西,应该都是很简单明了的,希望大家不要对新事物的恐惧,也不要觉得自己不会就低人一等。后来我卸载了抖音,因为它偷走了太多的时间,也许抖音上也有许多教学,但你看着又真正学习到了多少。希望未来的自己越来越优秀,而不是没有优只有秀。

 

posted @ 2020-03-11 11:16  茄子鱼  阅读(436)  评论(0编辑  收藏