淺談vue中改elementUI默認(rèn)樣式引發(fā)的static與assets的區(qū)別

首先從這說(shuō)起 vue項(xiàng)目中的elementUI的默認(rèn)樣式怎么改

成都創(chuàng)新互聯(lián)專注于企業(yè)全網(wǎng)營(yíng)銷推廣、網(wǎng)站重做改版、北京網(wǎng)站定制設(shè)計(jì)、自適應(yīng)品牌網(wǎng)站建設(shè)、HTML5、成都商城網(wǎng)站開(kāi)發(fā)、集團(tuán)公司官網(wǎng)建設(shè)、外貿(mào)網(wǎng)站建設(shè)、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)等建站業(yè)務(wù)，價(jià)格優(yōu)惠性價(jià)比高，為北京等各大城市提供網(wǎng)站開(kāi)發(fā)制作服務(wù)。

由于elementUI的樣式太單調(diào)，比如這個(gè)slider滑塊

elementUI中的API是沒(méi)辦法改變這個(gè)slider的顏色的，可是老板喜歡很黃，非要用yellow色。😓沒(méi)辦法。拿人錢財(cái)替人消災(zāi)。

我試著在寫的組件中直接去更改這個(gè)slider的顏色，發(fā)現(xiàn)根本不能直接改😺。有意思😁。

我們分析一下：當(dāng)我們想要更改某個(gè)元素的css樣式時(shí)，只要找到元素具體的class去更改樣式的思路肯定是沒(méi)問(wèn)題，既然不生效，那么肯定是沒(méi)找到這個(gè)元素的確切位置，瀏覽器搜索不到這個(gè)class，所以直接修改才不生效。

此刻突然想到style中的scoped屬性，scoped這個(gè)屬性限制了下面css代碼的作用域只在當(dāng)前組件中生效，此時(shí)直接去更改elementUI的屬性，瀏覽器搜索不到這個(gè)元素的最外層的父級(jí)，于是這個(gè)東西就不會(huì)生效。嗯，沒(méi)錯(cuò)。

那么我們可以像傳統(tǒng)的html頁(yè)面外部引入css樣式那樣，單獨(dú)建一個(gè)css文件去更改elementUI樣式就可以了。那么問(wèn)題來(lái)了

這個(gè)css文件放在哪里呢？

vue中有個(gè)src下的assest文件是放靜態(tài)資源的，還有個(gè)與src文件同級(jí)的static文件也是放靜態(tài)資源的，這兩個(gè)文件有什么區(qū)別呢？

我修改的elementUI的元素的css文件應(yīng)該放在哪個(gè)文件假下面呢？

google一下之后了解到

區(qū)別一：assets文件是src下的，所以最后運(yùn)行時(shí)需要進(jìn)行打包，而static文件不需要打包就直接放在最終的文件中了

區(qū)別二：assets中的文件在vue中的template/style下用../這種相對(duì)路徑的形式進(jìn)行引用，在script下必須用@import的方式引入，而static下的文件在.vue中的任何地方都只要使用../這種相對(duì)路徑的方式引入，

總結(jié)一下

1.assets最好用來(lái)放置樣式、字體文件和圖片等公共靜態(tài)資源，只要src下面的組件中用到的資源就放在assets中

2.在項(xiàng)目中，經(jīng)常會(huì)用帶一些沒(méi)有npm包的第三方插件，放在static中

對(duì)，就這樣！

以上這篇淺談vue中改elementUI默認(rèn)樣式引發(fā)的static與assets的區(qū)別就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持創(chuàng)新互聯(lián)。

新聞標(biāo)題：淺談vue中改elementUI默認(rèn)樣式引發(fā)的static與assets的區(qū)別
標(biāo)題來(lái)源：http://muchs.cn/article48/jpigep.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供營(yíng)銷型網(wǎng)站建設(shè)、網(wǎng)站內(nèi)鏈、響應(yīng)式網(wǎng)站、虛擬主機(jī)、服務(wù)器托管、App開(kāi)發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)