欧美一级特黄大片做受成人-亚洲成人一区二区电影-激情熟女一区二区三区-日韩专区欧美专区国产专区

Vue中importfrom的來源及省略后綴與加載文件夾問題怎么解決-創(chuàng)新互聯(lián)

這篇文章主要介紹Vue中import from的來源及省略后綴與加載文件夾問題怎么解決,文中介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們一定要看完!

10年的靈璧網(wǎng)站建設經(jīng)驗,針對設計、前端、開發(fā)、售后、文案、推廣等六對一服務,響應快,48小時及時工作處理。成都營銷網(wǎng)站建設的優(yōu)勢是能夠根據(jù)用戶設備顯示端的尺寸不同,自動調(diào)整靈璧建站的顯示方式,使網(wǎng)站能夠適用不同顯示終端,在瀏覽器中調(diào)整網(wǎng)站的寬度,無論在任何一種瀏覽器上瀏覽網(wǎng)站,都能展現(xiàn)優(yōu)雅布局與設計,從而大程度地提升瀏覽體驗。創(chuàng)新互聯(lián)建站從事“靈璧網(wǎng)站設計”,“靈璧網(wǎng)站推廣”以來,每個客戶項目都認真落實執(zhí)行。Vue的優(yōu)點

Vue具體輕量級框架、簡單易學、雙向數(shù)據(jù)綁定、組件化、數(shù)據(jù)和結構的分離、虛擬DOM、運行速度快等優(yōu)勢,Vue中頁面使用的是局部刷新,不用每次跳轉頁面都要請求所有數(shù)據(jù)和dom,可以大大提升訪問速度和用戶體驗。

Vue使用import ... from ...來導入組件,庫,變量等。而from后的來源可以是js,vue,json。這個是在webpack.base.conf.js中設置的:

module.exports = {
 resolve: {
  extensions: ['.js', '.vue', '.json'],
  alias: {
   '@': resolve('src')
  }
 }
...
}

這里的extensions指定了from后可導入的文件類型。

而上面定義的這3類可導入文件,js和vue是可以省略后綴的:

import test from './test.vue'

等同于:

import test from './test'

同理:

import test from './test.js'

等同于:

import test from './test'

json不可以省略后綴:

import test from './test.json'

省略為:

import test from './test'

則編譯出錯。

那么,若test.vue,test.js同時存在于同一個文件夾下,則import的導入優(yōu)先級是:

js>vue

from后的來源除了文件,還可以是文件夾:

import test from './components'

該情況下的邏輯是:

if(package.json存在 && package.main字段存在 && package.main指定的js存在) {
  取package.main指定的js作為from的來源,即使該js可能格式或內(nèi)容錯誤
} else if(index.js存在){
  取index.js作為from的來源
} else {
  取index.vue作為from的來源
}

因此若from的來源是文件夾,那么在package.json存在且設置正確的情況下,會默認加載package.json;若不滿足,則加載index.js;若不滿足,則加載index.vue。

注意加載文件夾的形式,與上面省略后綴的形式是完全相同的。所以一個省略后綴的from來源,有可能是.vue,.js,或者文件夾。

例:

查看Vue-Element-Admin的源碼,其中有個Layout.vue:

Vue中import from的來源及省略后綴與加載文件夾問題怎么解決

里面調(diào)用import導入了3個組件:

import { Navbar, Sidebar, AppMain } from './components'

這里,from的路徑'./components'就是個文件夾。

于是,按照前面的規(guī)則,首先查看文件夾下是否有package.json:

Vue中import from的來源及省略后綴與加載文件夾問題怎么解決

并沒有package.json。

package.json不存在,那么查找index.js。index.js是存在的,于是加載。

打開index.js:

export { default as Navbar } from './Navbar'

export { default as Sidebar } from './Sidebar'

export { default as AppMain } from './AppMain'

可以看到3個export,都沒有后綴,所以其類型vue,js和文件夾都是有可能的。

同一級目錄下,存在AppMain.vue和Navbar.vue,沒有同名js,所以可以判斷出這兩個都是加載的vue文件,即:

export { default as Navbar } from './Navbar.vue'

export { default as AppMain } from './AppMain.vue'

而Sidebar只有一個文件夾,所以是加載的文件夾。打開Sidebar文件夾:

Vue中import from的來源及省略后綴與加載文件夾問題怎么解決

優(yōu)先找package.json。不存在。

然后找index.js,不存在。

最后找index.vue,存在。

于是:

export { default as Sidebar } from './Sidebar'

相當于:

export { default as Sidebar } from './Sidebar/index.vue'

這樣,Layout.vue就通過加載一個文件夾,獲得了3個vue組件。

以上是“Vue中import from的來源及省略后綴與加載文件夾問題怎么解決”這篇文章的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對大家有幫助,更多相關知識,歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道!

網(wǎng)站欄目:Vue中importfrom的來源及省略后綴與加載文件夾問題怎么解決-創(chuàng)新互聯(lián)
當前網(wǎng)址:http://aaarwkj.com/article16/dsjcgg.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供靜態(tài)網(wǎng)站、商城網(wǎng)站外貿(mào)網(wǎng)站建設、小程序開發(fā)、標簽優(yōu)化、品牌網(wǎng)站設計

廣告

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

成都seo排名網(wǎng)站優(yōu)化
国产一区二区三区精品久| 欧美日韩国产91在线| 女同同性av观看免费| 亚洲最色最黄大片在线视频| 成年人三级黄色片视频| 美女丝袜诱惑国产在线观看| 中出亚洲精品日韩在线视频| 欧洲一区二区三区黄色| 老司机午夜视频在线观看| 亚洲美女插入av网络导航| 日韩一区二区三区四区精品| 亚洲综合av伊人久久| 亚洲黄色录像特级生活片| 尤物在线免费观看视频| 亚洲精品成人久久av| 中文字慕日韩精品欧美一区| 最新欧美精品一区二区| 亚洲精品熟女国产中文| 九九热这里只有免费视频| 国产精品一区日韩专区| 欧美三级视频一区二区三区| 国产美女精品一区二区三区| 国产精品日产三级在线观看| 精品国产欧美亚洲91| 精品日韩欧美精品日韩| 亚洲国产男同日韩小鲜肉| 国产熟乱老女人露脸视频| avav男人天堂亚洲天堂| 久久精品国产亚洲av波多| 青青草原在线影视一区| 男女爱爱视频网站久久精选| 久久97精品人人做人人爽| 国产传媒在线播放一区| 日韩精品高清视频在线观看| 亚洲一区二区三区免费在线看| 亚洲国产女人精品久久久| 欧美成人日本在线播放| 98精品偷拍视频一区二区三区| 国产69精品久久久久久人| 日韩毛片资源在线观看| 国内激情自拍偷拍视频|