vue項(xiàng)目中定位組件來源的查找思路

vue項(xiàng)目中定位組件來源的查找思路

  1. 先去【package.json】里面看看有沒有看【a】開頭或者【a-】開頭的插件名
    例如:如果我不知道【el-tree】,先去【package.json】里面找【el】或者【el-】開頭的插件名,結(jié)果知道了【element-ui】這樣就可以直接百度去看【element-ui】的文檔

  2. 以靜態(tài)資源的形式整進(jìn)項(xiàng)目里的(可以在項(xiàng)目里面找到,但不是通過【npm install】這種命令安裝的)
    全局搜索【a-tree】文件(夾)
    vscode全局搜索文件(夾)命令是【<kbd>ctrl</kbd> + <kbd>p</kbd>】,編輯器出現(xiàn)搜索框,輸入內(nèi)容會(huì)出現(xiàn)對應(yīng)的搜索結(jié)果

  3. 二次封裝后的插件或者只是自己寫出的一個(gè)插件
    代碼示例

// 引入
import VueInfo from "@/components/vue-info/index.vue"
// 全局注冊組件
Vue.component('vue-info', VueInfo)

可根據(jù)關(guān)鍵字段全局查詢
【.component(】 這種一般情況只要寫了全局組件,始終是能查到的(大部分情況下)
【.component("】 這種有引號檢索可能會(huì)檢索不到,因?yàn)槊總€(gè)人編碼規(guī)范,不確定代碼中用的是單引號【''】或者雙引號【""】
比如用 .component(" 來檢索這行代碼 Vue.component('vue-info', VueInfo) 肯定是搜不到的(引號不一樣)

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容