vue自定义封装全局组件与使用

以前只知道第1种局部组件。每个页面都需要引入，注册，然后才能像2一样使用！

下面学习一下全局组件的封装方法：

1、注册全局组件

在项目文件src→util→component.js文件，注册全局组件。

import transitionPage from '@/components/transition/index' //滑入滑出组件
import viewTextarea from '@/components/viewTextarea/index' //模拟textarea 展示富文本信息
export default (Vue)=>{
  Vue.component("transitionPage", transitionPage)
  Vue.component("viewTextarea", viewTextarea)
}

2、封装组件

在项目文件src→components→transition→index.vue文件（后面两个名字自取），在这写要封装的内容。（样式和布局可以复制原有的源码）

3、全局组件中的子组件

因为每个页面的表单会有不一样，所以单独作为子组件单独建立。
在需要自定义子组件的文件目录里：src→views→admin→sysxxfsgl→sendMessage→index.vue文件（后面两个名字自取），在这写要封装子组件数据表单内容。

4、使用全局组件