国土空间规划之自定义组件(一)

做项目的时候会有很多相似的地方,此时全局注册一些这样的组件会节省很多的时间和代码,以下是我现在正在做的项目注册的一些组件和注册全局组件的步骤
比如说我现在做的项目就会经常用到这个样式
在这里插入图片描述epf-title组件
在项目中同事是这样写的
国土空间规划之自定义组件(一)_第1张图片
在main.vue文件中写好样式之后,以下是index.js文件
国土空间规划之自定义组件(一)_第2张图片

总结一下注册全局组件的步骤:

  1. 新建一个专门用于这些自定义组件的文件夹,文件夹的名字以你项目名字相关的开始,比如上面写的文件夹的名字是epf-title
  2. 在这个文件夹下面建子文件夹,子文件夹里面有两个文件,名字分别是main.vue和index.js
  3. 在main.vue文件中写好相关的html和样式
  4. 在index.js文件全局注册。先引入再全局注册。如a. import head from “./components/head” b. Vue.component(“headerBar”, head)
  5. 使用组件:

你可能感兴趣的:(国土空间规划之自定义组件(一))