weixin_36873225的博客

CSS Modules 与 scoped 的不一样 What ? css 的作用域表现。 Css modules 是一个CSS文件，其中所有类名和动画名称默认为局部作用域。 使用JS编译原生的CSS文件，使其具备模块化的能力，该文件需要import使用。 Scoped 在vue文件中的style标签上，有一个特殊的属性：scoped。 此样式仅适用于当前组件元素，从而使组件之间的样式不互相污染。 How ? Css modules 实现原理 通过给样式名加hash字符串后缀的方式，实现特定作用域语境中的样

scoped vue项目一般是单页面、多组件，整个项目共用一个css样式表，有时候我们在写组件的过程中并不希望组件的样式污染全局作用域（毕竟不同组件之间重名的class很正常），因此我们会在组件的样式标签上加上scoped，例如下面这个最基本vue组件框架： <template> ... </template> <script> import ... export defualt { data(){ ... } ... } </script> &l

Vue 中使用 Pug 1 介绍 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