色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

vue include resolve

錢諍諍1年前9瀏覽0評論

在Vue中,我們可以使用include指令來將一個組件引入到另一個組件中。使用include指令的格式如下:

<template>
<div>
<include :src="'./ComponentA'" />
</div>
</template>

上面的代碼將會使用ComponentA組件替換掉include標簽。但是,如果ComponentA組件的路徑不正確,我們該怎么辦呢?Vue提供了一個resolve選項用于指定組件的路徑解析規則。

resolve選項的默認值為:

{
// 從當前模板文件所在目錄開始查找
basedir: path.dirname(this.filename),
// 別名列表
alias: {},
// 查找的擴展名
extensions: ['.js', '.vue', '.json'],
}

我們可以通過Vue.mixin()來修改resolve選項的默認值。例如:

import path from 'path'
Vue.mixin({
beforeCreate() {
const resolve = Vue.prototype.$resolve
resolve.basedir = path.resolve(process.cwd(), 'src/components')
resolve.alias['@'] = path.resolve(process.cwd(), 'src')
}
})

上面的代碼將會將組件的路徑解析規則修改為:從src/components目錄開始查找,@別名指向項目的根目錄。