vue項(xiàng)目中定位組件來源的查找思路
先去【package.json】里面看看有沒有看【a】開頭或者【a-】開頭的插件名
例如:如果我不知道【el-tree】,先去【package.json】里面找【el】或者【el-】開頭的插件名,結(jié)果知道了【element-ui】這樣就可以直接百度去看【element-ui】的文檔以靜態(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é)果二次封裝后的插件或者只是自己寫出的一個(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) 肯定是搜不到的(引號不一樣)