Vue2.X和GoldenLayout1.X版本如何实现多窗口布局插件开发？

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

使用golden-layout官方网站版本，基于vue2.x开发的多元化布局管理器，提供前置准备：查询官网，因插件基于jQuery开发，需引入jQuery，并包含自带的css及js文件：import 'golden-layout/src/css/goldenlayout.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'

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