摘要: CSS Moduless 是一个流行的,用于模块化和组合CSS的系统。 vue-loader 提供了与 CSS Modules 的一流集成,可以作为模拟 scoped css 的替代方案 <template> <p :class="$style.red">moduless</p> <p :class 阅读全文
posted @ 2021-04-09 23:24 yuxi2018 阅读(71) 评论(0) 推荐(0) 编辑
摘要: 处理资源路径 当你在JavaScript、CSS或 *.vue 文件中使用相对路径,必须以.开头引用一个静态资源,该资源将被webpack处理。 如果你把静态资源放在 public文件中,则不会被webpack处理。 路径的转换规则 如果路径是绝对路径,会被原样保留 <img src="/src/a 阅读全文
posted @ 2021-04-09 23:15 yuxi2018 阅读(907) 评论(0) 推荐(0) 编辑
摘要: Vue中自动化导入样式 在程序启动之初先把需要的文件加载进来,在其它文件中可以大胆的使用 npm i -D style-resources-loader 在Vue中的配置 // vue.config.js const path = require('path') function addStyleR 阅读全文
posted @ 2021-04-09 23:09 yuxi2018 阅读(250) 评论(0) 推荐(0) 编辑
摘要: 混入mixin的概念 混入 (mixin) 提供了一种非常灵活的方式,来分发 Vue 组件中的可复用功能. 如果一个组件、过滤器、方法等使用频率很高,就可以使用混入的方式。方便复用,以免一个个引入. 定义混入对象 // mixin.js import comTitle from 'common/co 阅读全文
posted @ 2021-04-09 21:31 yuxi2018 阅读(689) 评论(0) 推荐(0) 编辑