@global-vue/layout v1.0.1

浪潮云Vue版公共layout升级

1.添加依赖

在package.json中添加依赖：

"@global-vue/layout": "^1.0.0",

2.更新static文件夹

将升级包中的static文件覆盖至本地

3.初始化公共组件

在src/main.js中添加公共包相关文件引用及调用init方法进行公共组件初始化

import Breadcrumb from '@global-vue/layout/src/components/Breadcrumb'
import { init, bindComponent } from '@global-vue/layout/packages/header/layout'
import '@global-vue/layout/src/assets/iconfont/iconfont.css'
import '@global-vue/layout/src/assets/web-fonts-with-css/css/fontawesome-all.min.css'

init(Vue, {
  el: '#app',
  router,
  store,
  components: { App },
  template: '<App/>'
}, '../static/config/config.json').then(ret => bindComponent(Vue, Breadcrumb))

若当前工程未使用ElementUI,需引用element:

import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI)

4.修改路由

修改src/router/index.js,引用Layout组件,如:

import Layout from '@global-vue/layout/packages/header/layout/src/Layout'

routes: [
    {
      path: '/',
      name: 'HelloWorld',
      component: Layout,
      children: [
        {
          path: '/demo',
          name: "demo",
          component: HelloWorld
        }
      ]
    }
  ]