\n```\n\n```ts\n// index.ts\nimport model from './model';\nimport dsl from 'raw-loader!./index.html'; // 什么后缀都可以，这里只是示例\nimport render from '@aligov/gov-venom-render';\n\nrender(dsl, model, {\n\tcontainer: '#container',\n});\n```\n\n#### 写在 DSL 中\n\n也可以直接将 model 写在 DSL 中，示例如下：\n\n```jsx\n// index.html\n<>\n\t\n\n\t
{$state.name}
\n\n```\n\n```ts\nimport dsl from 'raw-loader!./index.html'; // 什么后缀都可以，这里只是示例\nimport render from '@aligov/gov-venom-render';\n\nrender(dsl, {\n\tcontainer: '#container',\n});\n```\n\n### Form 表单注册组件\n\n表单方案我们使用的是集团统一中后台方案[Formily](https://formilyjs.org/)，支持在入口方法中注册表单组件。\n\n#### 使用纯 DSL\n\n纯 DSL 使用演示，适用于对 DSL 做统一管理的场景。\n\n```jsx\nimport React, { Component } from 'react';\nimport ReactDOM from 'react-dom';\nimport render from '@aligov/gov-venom-render';\n\nconst dsl = `\n<>\n\t )\n );\n\n\t\t\t\t\tconst FormLayout = createControllerBox('controller-form-layout', props => {\n return (\n