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

2024-05-29 06:44:07

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示例

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

vue props 多类型_一个TypeScript简例，以及Vue支持TS的一些些事儿
前言我们知道在Vue里用options来声明一个组件,举一个简单的例子 const options = {props: {name: {type: String,},},data() {return ...
多个html如何套用套一个头部,Vue.js项目中管理每个页面的头部标签的两种方法...
在 Vue SPA 应用中,如果想要修改 HTML 的头部标签,如页面的 title ,我们只能去修改 index.html 模板文件,但是这个是全局的修改,如何为每个页面都设置不一样的 title ...
Babylonjs入门02——VsCode+vue+babylonjs开发第一个babylon项目程序
Babylonjs入门02--VsCode+vue+babylonjs开发第一个babylon项目程序 1 环境搭建 2 创建vue项目 3 基于vue项目写第一个babylon项目 4 下一期再见 ...
vue,js书籍_您应该阅读的十大Vue JS书籍
vue,js书籍 Vue JS书籍 (Vue JS Books) Vue is a progressive framework for building user interfaces. Vue是用于 ...
闭包的示例_用示例解释JavaScript中的闭包
闭包的示例什么是封包? (What are Closures?) A closure is the combination of a function and the lexical environ ...
build vue 选哪个_分析vue-cli项目，简单修改，来快速理解这个项目的结构
这里我试着去简单分析一个完整的vue项目. 好吧,说它完整,其实只是基础而已,算不上完整. 本文步骤是一步一步,哪一步做不对,就不要往下走了. 更多文章请关注我的头条号,我是落笔承冰. 一.安装nod ...
spark在服务器运行示例_创建示例HTTPS服务器以获取乐趣和收益
spark在服务器运行示例通常,在开发或/和针对真实场景进行测试期间,我们(开发人员)面临着运行成熟的HTTPS服务器的需求,可能同时进行一些模拟. 在JVM平台上,除非您知道适合此工作的正确工具, ...
angular示例_用示例解释Angular动画
angular示例为什么要使用动画? (Why use Animations?) Modern web components frequently use animations. Cascading ...
baidumap vue 判断范围_一个Vue引发的性能问题
笔者最近在一个Vue项目里面引入了一个动画库,但是发现性能有点异常,项目里面使用的CPU是在一个demo页面的3.5倍左右,我已经把项目里所有其它干扰的东西都给删掉了,但是CPU就是降不下去,如下图所 ...

最新文章

热门文章