vue项目中定位组件来源的查找思路
先去【package.json】里面看看有没有看【a】开头或者【a-】开头的插件名
例如:如果我不知道【el-tree】,先去【package.json】里面找【el】或者【el-】开头的插件名,结果知道了【element-ui】这样就可以直接百度去看【element-ui】的文档以静态资源的形式整进项目里的(可以在项目里面找到,但不是通过【npm install】这种命令安装的)
全局搜索【a-tree】文件(夹)
vscode全局搜索文件(夹)命令是【<kbd>ctrl</kbd> + <kbd>p</kbd>】,编辑器出现搜索框,输入内容会出现对应的搜索结果二次封装后的插件或者只是自己写出的一个插件
代码示例
// 引入
import VueInfo from "@/components/vue-info/index.vue"
// 全局注册组件
Vue.component('vue-info', VueInfo)
可根据关键字段全局查询
【.component(】 这种一般情况只要写了全局组件,始终是能查到的(大部分情况下)
【.component("】 这种有引号检索可能会检索不到,因为每个人编码规范,不确定代码中用的是单引号【''】或者双引号【""】
比如用 .component(" 来检索这行代码 Vue.component('vue-info', VueInfo) 肯定是搜不到的(引号不一样)