vue路徑寫法之關(guān)于./和@/的區(qū)別
更新時間：2022年09月10日 08:43:00 作者：你眼中的柔情
這篇文章主要介紹了vue路徑寫法之關(guān)于./和@/的區(qū)別，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
關(guān)于./和@/的區(qū)別
vue在引用路徑的時候可以用 ./ 的寫法引用如下：
import './api/index'
這個代表在相同文件下絕對路徑的意思。項目中還有常見的@用法：
import util from '@/assets/js/util'
這個@是在 webpack.base.conf.js 文件里配置的，找到下面這段話
? resolve: {
? ? extensions: ['.js', '.vue', '.json'],
? ? alias: {
? ? ? 'vue$': 'vue/dist/勝利ue.esm.js',
? ? ? '@': resolve('src'),
? ? }
? },這里的@就代表是 src，所以就在 src 路徑下找文件，也可以自己配置，這也是常見的路徑寫法！
vue項目中將路徑的./換為@
我們只需要在項目根目錄下新增一個文件加一些配置就可以
{
? "compilerOptions": {
? ? "baseUrl": ".",
? ? "paths": {
? ? ? "@/*": ["./src/*"],
? ? }
? },
? "exclude": ["node_modules", "dist"]
}以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要為大家詳細介紹了vue原生方法自定義右鍵菜單，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-04-04
這篇文章主要為大家詳細介紹了vue自定義封裝按鈕組件，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-09-09
Vue Transition實現(xiàn)類原生組件跳轉(zhuǎn)過渡動畫的示例
本篇文章主要介紹了Vue Transition實現(xiàn)類原生組件跳轉(zhuǎn)過渡動畫的示例，具有一定的參考價值，有興趣的可以了解一下2017-08-08
element?ui組件中element.style怎么改詳解
element.style是一種內(nèi)聯(lián)樣式,一般都是代碼里寫死的,下面這篇文章主要給大家介紹了關(guān)于element?ui組件中element.style怎么改的相關(guān)資料,文中通過圖文介紹的非常詳細,需要的朋友可以參考下2023-06-06
這篇文章主要介紹了mpvue寫一個CPASS小程序的示例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-09-09
這篇文章主要為大家詳細介紹了Vue實現(xiàn)購物車計算總價功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-04-04
這篇文章主要為大家詳細介紹了如何利用Vue3實現(xiàn)九宮格抽獎的功能，文中的示例代碼講解詳細，具有一定的借鑒價值，感興趣的可以了解一下2022-09-09
這篇文章主要介紹了vue?props?type設(shè)置多個類型，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-04-04
這篇文章主要介紹了vue如何循環(huán)請求一個接口問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-07-07
這篇文章主要介紹了vue3中reactive不能直接賦值的解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-05-05