vue路徑寫(xiě)法之關(guān)于./和@/的區(qū)別
關(guān)于./和@/的區(qū)別
vue在引用路徑的時(shí)候可以用 ./ 的寫(xiě)法引用如下:
import './api/index'
這個(gè)代表在相同文件下絕對(duì)路徑的意思。項(xiàng)目中還有常見(jiàn)的@用法:
import util from '@/assets/js/util'
這個(gè)@是在 webpack.base.conf.js 文件里配置的,找到下面這段話
? resolve: {
? ? extensions: ['.js', '.vue', '.json'],
? ? alias: {
? ? ? 'vue$': 'vue/dist/勝利ue.esm.js',
? ? ? '@': resolve('src'),
? ? }
? },這里的@就代表是 src,所以就在 src 路徑下找文件,也可以自己配置,這也是常見(jiàn)的路徑寫(xiě)法!
vue項(xiàng)目中將路徑的./換為@
我們只需要在項(xiàng)目根目錄下新增一個(gè)文件加一些配置就可以
{
? "compilerOptions": {
? ? "baseUrl": ".",
? ? "paths": {
? ? ? "@/*": ["./src/*"],
? ? }
? },
? "exclude": ["node_modules", "dist"]
}以上為個(gè)人經(jīng)驗(yàn),希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
Vue Transition實(shí)現(xiàn)類原生組件跳轉(zhuǎn)過(guò)渡動(dòng)畫(huà)的示例
本篇文章主要介紹了Vue Transition實(shí)現(xiàn)類原生組件跳轉(zhuǎn)過(guò)渡動(dòng)畫(huà)的示例,具有一定的參考價(jià)值,有興趣的可以了解一下2017-08-08
element?ui組件中element.style怎么改詳解
element.style是一種內(nèi)聯(lián)樣式,一般都是代碼里寫(xiě)死的,下面這篇文章主要給大家介紹了關(guān)于element?ui組件中element.style怎么改的相關(guān)資料,文中通過(guò)圖文介紹的非常詳細(xì),需要的朋友可以參考下2023-06-06
Vue實(shí)現(xiàn)購(gòu)物車(chē)計(jì)算總價(jià)功能
這篇文章主要為大家詳細(xì)介紹了Vue實(shí)現(xiàn)購(gòu)物車(chē)計(jì)算總價(jià)功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-04-04
Vue3實(shí)現(xiàn)九宮格抽獎(jiǎng)的示例代碼
這篇文章主要為大家詳細(xì)介紹了如何利用Vue3實(shí)現(xiàn)九宮格抽獎(jiǎng)的功能,文中的示例代碼講解詳細(xì),具有一定的借鑒價(jià)值,感興趣的可以了解一下2022-09-09

