@abi-software/simulationvuer 中文文档教程
SimulationVuer
SimulationVuer 是一个 Vue 组件,用于配置和运行 CellML-基于某些生物过程的模型,并可视化该模拟的结果。
How to use
要将包安装到您的 Vue 应用程序:
npm install @abi-software/simulationvuer
要将包包含在脚本中:
import { SimulationVuer } from '@abi-software/simulationvuer';
import '@abi-software/simulationvuer/dist/simulationvuer.css';
要在 Vue 组件中
export default {
...
components: {
...,
SimulationVuer,
...
}
...
}
注册: 以上将 SimulationVuer 组件注册到全局范围。 您现在可以在 Vue 模板中使用 SimulationVuer,如下所示:
<SimulationVuer :apiLocation="apiLocation" />
其中 apiLocation
是 API 位置的 URL。
Project setup
Clone the respository
git clone https://github.com/ABI-Software/simulationvuer.git
Vue component
Setup
npm install
Run the sample application
npm run serve
Compile and minify for production
npm run build-bundle
Lint and fix files
npm run lint
SimulationVuer
SimulationVuer is a Vue component to configure and run a CellML-based model of some biological process, and to visualise the results of that simulation.
How to use
To install the package to your Vue application:
npm install @abi-software/simulationvuer
To include the package in your script:
import { SimulationVuer } from '@abi-software/simulationvuer';
import '@abi-software/simulationvuer/dist/simulationvuer.css';
To register in a Vue component:
export default {
...
components: {
...,
SimulationVuer,
...
}
...
}
The above registers the SimulationVuer component into the global scope. You can now use the SimulationVuer in your Vue template as follows:
<SimulationVuer :apiLocation="apiLocation" />
where apiLocation
is the URL to the API location.
Project setup
Clone the respository
git clone https://github.com/ABI-Software/simulationvuer.git
Vue component
Setup
npm install
Run the sample application
npm run serve
Compile and minify for production
npm run build-bundle
Lint and fix files
npm run lint