vue專案中 路徑使用的 和 的區別

2021-09-23 23:52:08 字數 734 閱讀 4449

首先:@和~ 都是在路徑訪問時使用的。

1. @ 使用說明

@這是webpack設定的路徑別名。

在build/webpack.base.conf這個檔案裡面定義。       

vue專案中預設定義了@(最常用)和vue$兩個別名,如果需要,可以自己新增。

預設定義:@這東西代表著到src這個資料夾的路徑

自己新增:

2. ~ 使用說明

~ 是 stylus-loader 的東西,參考 但是好像不引入這個庫,也可以用~)

~是相對於其他路徑(檔案)的,類似於相對路徑

示例:~@/assets/scss/_variables.scss   ==>>表示相對於@(別名,一般是src目錄)下的 assets/scss/_variables.scss;

注意:~@/assets/scss/_variables.scss 給人的感覺就是 src下面的 assets/scss/_variables.scss;  但是如果在這樣去引入樣式,會報錯。(頁面引入不使用@前不加~也會報錯)

vue專案中 路徑使用的 和 的區別

首先 和 都是在路徑訪問時使用的。1.使用說明 這是webpack設定的路徑別名。在build webpack.base.conf這個檔案裡面定義。vue專案中預設定義了 最常用 和vue 兩個別名,如果需要,可以自己新增。預設定義 這東西代表著到src這個資料夾的路徑 自己新增 2.使用說明 是 ...

關於vue專案中路徑跳轉

為什麼host和hostname返回的都是一樣的,卻還是分別分為兩個字段進行返回?還有host或者hostname和origin有什麼區別呀?然後我就在瀏覽器位址列中輸入上面三個,發現都可以訪問到 覺得還好,應該沒什麼區別,然後我就在一次頁面跳轉的時候,選擇了使用window.location.hr...

Vue專案中路由的基本使用

1.安裝vue router庫 將vue router庫安裝到專案中,執行命令 npm install vue router s2.配置路由對映 在src router目錄下,建立乙個index.js路由對映檔案,內容如下 import vue from vue import vuerouter f...