vue+elementUI抽离公共布局组件

前言

因为在做项目的时候，我们绝大部分的界面布局都是一样的。所以做一个简单的公共布局组件出来，后期维护或者改样式的时候，就会方便很多。这也是公共组件抽离的思维。

用的是elementUI的插槽slot

代码

// 公共的布局组件

界面上的使用

因为用的比较多，百分之七十的界面都用的上，所以我直接在main.js里面注册成全局组件。

import container from './components/container.vue'
Vue.component('Container', container)

然后界面上