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

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

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

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

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

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

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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • vue-cli搭建项目 1.确保安装了node与npm 2.再目标文件夹下打开终端 3.执行cnpm i vue-...
    i_ec98阅读 288评论 0 0
  • Vue-router 是Vue.js官方的路由插件,它和vue.js是深度集成的,适合用于构建单页面应用。vue的...
    泡沫柠檬好好喝阅读 1,957评论 0 0
  • 一、概念介绍 Vue.js和React.js分别是目前国内和国外最火的前端框架,框架跟类库/插件不同,框架是一套完...
    刘远舟阅读 1,081评论 0 0
  • Vue -渐进式JavaScript框架 介绍 vue 中文网 vue github Vue.js 是一套构建用户...
    桂_3d6b阅读 850评论 0 0
  • 一. 代码规范 1.1. 集成editorconfig配置 EditorConfig 有助于为不同 IDE 编辑器...
    coderGuo666阅读 630评论 0 0