![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
acgchan
这个作者很懒,什么都没留下…
展开
-
CSS Modules 与 scoped
CSS Modules 与 scoped 的不一样What ?css 的作用域表现。Css modules是一个CSS文件,其中所有类名和动画名称默认为局部作用域。使用JS编译原生的CSS文件,使其具备模块化的能力,该文件需要import使用。Scoped在vue文件中的style标签上,有一个特殊的属性:scoped。此样式仅适用于当前组件元素,从而使组件之间的样式不互相污染。How ?Css modules实现原理通过给样式名加hash字符串后缀的方式,实现特定作用域语境中的样原创 2021-08-24 09:04:51 · 369 阅读 · 0 评论 -
vue scoped
scopedvue项目一般是单页面、多组件,整个项目共用一个css样式表,有时候我们在写组件的过程中并不希望组件的样式污染全局作用域(毕竟不同组件之间重名的class很正常),因此我们会在组件的样式标签上加上scoped,例如下面这个最基本vue组件框架:<template>...</template><script>import ...export defualt { data(){ ... } ...}</script>&l原创 2021-08-24 09:01:19 · 77 阅读 · 0 评论 -
Vue 中使用 Pug
Vue 中使用 Pug1 介绍pug 是一种前端模板引擎,原名 jade可用来生成 HTML,它的写法类似于 CSS这里先简单举几个例子#hello<div id="hello"></div>a.link-button Link<a class="link-button">Link</a>易理解,同时极大的简约了我们的代码。2 安装2.1 下载npm i -D pug pug-html-loader pug-plain-loade原创 2021-08-24 08:55:00 · 2097 阅读 · 0 评论