vue.js示例_一个示例项目，展示了集成Vue.js和Lumino的一种方法

vue.js示例

Vue-lumino (vue-lumino)

An example project showing one way to integrate Vue.js and Lumino (née PhosphorJS).

一个示例项目，显示了一种集成Vue.js和Lumino(néePhosphorJS)的方法。

Lumino "is a library for building interactive web applications". It is used by JupyterLab to create the top menu bar, widgets with close/maximize buttons, and other components that allow users to create web applications.

Lumino“是用于构建交互式Web应用程序的库”。 JupyterLab使用它来创建顶部菜单栏，带有关闭/最大化按钮的小部件以及允许用户创建Web应用程序的其他组件。

Based on work done for Cylc UI.

基于为Cylc UI完成的工作。

NB: this is not production-ready code, but purely an example on one way to achieve using Lumino and Vue.js. The original code uses events to intercept when widgets are added or removed, and the listeners update DOM and Vue components, trying to make sure there are no memory leaks, no dangling objects, etc. Hopefully others will find this useful as a reference for one way to achieve the same in their projects.

注意：这不是可用于生产的代码，而仅仅是使用Lumino和Vue.js的一种示例方式。 原始代码使用事件在添加或删除小部件时进行拦截，并且侦听器会更新DOM和Vue组件，以确保没有内存泄漏，没有悬挂的对象等。希望其他人可以将其作为参考在他们的项目中实现相同目标的方法。

建造 (Building)

$ yarn install      # install dependencies
$ yarn run serve    # run development server
$ yarn run build    # compiles and minifies for production
$ yarn run test     # run tests
$ yarn run lint     # lint and fix files

翻译自: https://vuejsexamples.com/an-example-project-showing-one-way-to-integrate-vue-js-and-lumino/

vue.js示例