# development-render

> development render is a library that dynamically parses virtual DOMS and functional scripts based on the development environment. This library is developed based on vue.js and provides online debugging. its data structure is based entirely on [vue-design

Latest version **1.1.9** (published 2021-10-08) · ISC license · 0 weekly downloads

## Install

```sh
npm install development-render
pnpm add development-render
yarn add development-render
bun add development-render
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.1.9 |
| Published | 2021-10-08 |
| First published | 2021-01-05 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 781.4 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | midllmark |
| Maintainers | midllmark |

## Links

- npm: https://www.npmjs.com/package/development-render
- npm.io page: https://npm.io/package/development-render

## Recent versions

- 1.1.9 (latest) — 2021-10-08
- 1.1.8 — 2021-10-08
- 1.1.6 — 2021-10-08
- 1.1.5 — 2021-09-09
- 1.1.4 — 2021-09-09
- 1.1.3 — 2021-09-09
- 1.1.2 — 2021-09-08
- 1.1.1 — 2021-09-08
- 1.1.0 — 2021-04-12
- 1.0.9 — 2021-04-12
- 1.0.8 — 2021-04-12
- 1.0.7 — 2021-04-12
- 1.0.6 — 2021-04-12
- 1.0.5 — 2021-01-11
- 1.0.4 — 2021-01-09
- … 4 more at https://npm.io/package/development-render/versions

## README

# what is development-render ?

development render is a library that dynamically parses virtual DOMS and functional scripts based on the development environment. This library is developed based on vue.js and provides online debugging. its data structure is based entirely on  [vue-designer-online](https://www.npmjs.com/package/vue-designer-online).
It mainly expands the operation and debugging functions under the development environment on the basis of static design.

# how to use development-render ?

+ install it by yarn

```
 yarn add development-render
```

or
install it by npm

```
 yarn add development-render
```

+ register it on Vue

```
import developmentRender from 'development-render'
import Vue from 'vue'

Vue.use(developmentRender)
```

+ call through the instance of Vue

  ```
    this.$developmentRender.render({
      vnodes: vnodes,
      methods: methods,
      model: model,
      views: views,
      el: '#app',
      options: {
        $global: {
          env: 'runtime'
        }
      }
    })
  ```

  + vnodes：node data set of virtual DOM,
data structure reference [vnode of vue-desginer-online](https://www.npmjs.com/package/vue-designer-online)
  + views: object data set of view layer,
data structure reference [view of vue-desginer-online](https://www.npmjs.com/package/vue-designer-online)
  + methods：data set of functional script
    + content: function body script string
    + name: function name
    + descript: function description
    + type: function type, its aviriable value has 'callback','init','event','normal'
    + reference: component information referencing this function
      + ref: component referrence handle
      + handle: property reference handle
      + component: reference component name
  + model: data model objects, its a normal json object.
  + el: its point to a html dom where the development app will be mounted.
  + options:
    + $global
      + env: default value is 'runtime', identifies the runtime environment

---
_Source: https://npm.io/package/development-render · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._