vue路徑寫(xiě)法之關(guān)于./和@/的區(qū)別
更新時(shí)間：2022年09月10日 08:43:00 作者：你眼中的柔情
這篇文章主要介紹了vue路徑寫(xiě)法之關(guān)于./和@/的區(qū)別，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
關(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 文件里配置的，找到下面這段話(huà)
? 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)文章
這篇文章主要為大家詳細(xì)介紹了vue原生方法自定義右鍵菜單，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-04-04
這篇文章主要為大家詳細(xì)介紹了vue自定義封裝按鈕組件，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-09-09
Vue Transition實(shí)現(xiàn)類(lèi)原生組件跳轉(zhuǎn)過(guò)渡動(dòng)畫(huà)的示例
本篇文章主要介紹了Vue Transition實(shí)現(xiàn)類(lèi)原生組件跳轉(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
這篇文章主要介紹了mpvue寫(xiě)一個(gè)CPASS小程序的示例，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-09-09
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
vue?props?type設(shè)置多個(gè)類(lèi)型
這篇文章主要介紹了vue?props?type設(shè)置多個(gè)類(lèi)型，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-04-04
這篇文章主要介紹了vue如何循環(huán)請(qǐng)求一個(gè)接口問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-07-07
這篇文章主要介紹了vue3中reactive不能直接賦值的解決方案，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-05-05