Vue2.X与GoldenLayout1.X如何打造长尾词多窗口布局插件？

本文共计843个文字，预计阅读时间需要4分钟。

以golden-layout官方网站版本，使用vue2.x开发的多布局管理+前端准备：查询官网，因插件基于jQuery开发，需引入jQuery，及自带css及js文件：import 'golden-layout/src/css/goldenlayout-b.css'。

以golden-layout官方网站版本，用vue2.x 开发的多布局管理

前提准备：

查询官网，因为此插件是基于jQuery开发的，需要引入jQuery，和自带的css及js文件：

import 'golden-layout/src/css/goldenlayout-base.css'
import 'golden-layout/src/css/goldenlayout-dark-theme.css'
import 'golden-layout/lib/jquery'

官方示例中，主要功能基本都需要写注册组件的方法才能实施，而且配置布局每一个都不一样，需要配置想要的初始布局，及布局的组件名。并且注册组件的方法需要组件名，及指定组件内容，最后初始化组件，就可开始拖拽布局页面了。