vue中配置少的方法

　　介绍

这篇文章将为大家详细讲解有关vue中配置少的方法,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

<强>安装

npm  install ——save-dev  less  less-loader npm  install ——save-dev  style-loader  css-loader

先在索引。html页面头标签内插入这段代码

& lt; script> 　　,(function (医生,,赢),{ 　　var 才能;docEl =, doc.documentElement, 　　时间=resizeEvt 才能;& # 39;orientationchange& # 39;,拷贝window  ?, & # 39; orientationchange& # 39;,:, & # 39;调整# 39; 　　时间=recalc 才能;function  (), { 　　,,var  clientWidth =, docEl.clientWidth; 　　,,if  (! clientWidth),返回; 　　,,if  (clientWidth 祝辞=,640),{ 　　,,docEl.style.fontSize =, & # 39; 100 px # 39;; 　　,,},{else  　　,,docEl.style.fontSize =, 100, *,(时间/clientWidth  640), +, & # 39; px # 39;; 　　,,} 　　,,}; 　　, 　　if 才能;(! doc.addEventListener),返回; 　　win.addEventListener才能(resizeEvt, recalc,,假); 　　doc.addEventListener才能(& # 39;DOMContentLoaded& # 39;,, recalc,,假); 　　,})(文档,窗口); 　　,& lt;/script>

在添加构建/webpack.base.conf。js里面的

模块。出口里的模块里添加下面这段配置

{ 　　,,测试:/\ .less/美元, 　　,,使用:[ 　　,才能“style-loader", 　　,才能“css-loader", 　　,才能“less-loader" 　　,,) 　　以前,,}

<强>组建头

& lt; template> 　　,& lt; div> & lt; p> header

, & lt;/div> 　　& lt;/template> 　　, 　　& lt; script> 　　export  default  { 　　,名字:“headers", 　　,数据(){ 　　,return , {}; 　　,} 　　}; 　　& lt;/script> 　　, 　　& lt; style  scoped> 　　.box  { 　　,高度:300/50rem; 　　,宽度:200/50rem; 　　,背景颜色:红色; 　　,字体大小:16/50 物权; 　　} 　　& lt;/style>

效果展示:

vue中配置少的方法

关于“vue中配置少的方法”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看的到。

vue中配置少的方法