vue项目中定位组件来源的查找思路

vue项目中定位组件来源的查找思路

1. 先去【package.json】里面看看有没有看【a】开头或者【a-】开头的插件名
   例如：如果我不知道【el-tree】，先去【package.json】里面找【el】或者【el-】开头的插件名，结果知道了【element-ui】这样就可以直接百度去看【element-ui】的文档

2. 以静态资源的形式整进项目里的(可以在项目里面找到，但不是通过【npm install】这种命令安装的)
   全局搜索【a-tree】文件(夹)
   vscode全局搜索文件(夹)命令是【ctrl + p】，编辑器出现搜索框，输入内容会出现对应的搜索结果

3. 二次封装后的插件或者只是自己写出的一个插件
   代码示例

// 引入
import VueInfo from "@/components/vue-info/index.vue"
// 全局注册组件
Vue.component('vue-info', VueInfo)
1
2
3
4

可根据关键字段全局查询
【.component(】 这种一般情况只要写了全局组件，始终是能查到的（大部分情况下）
【.component(“】 这种有引号检索可能会检索不到，因为每个人编码规范，不确定代码中用的是单引号【‘’】或者双引号【”“】
比如用 .component(” 来检索这行代码 Vue.component(‘vue-info’, VueInfo) 肯定是搜不到的（引号不一样）