# 属性

## 设计器属性

- v-model

设计器的配置结果，会输出包含 `fields` `datasource` `listeners` 属性的对象

- profile

json 格式数据，针对设计器的配置，包括组件、属性、数据源的定义

可在项目中直接定义，也可通过远程返回的 json 数据赋值给 profile 属性，具体配置详见设计器配置说明

- components

设计器内功能需要引用的组件

设计器用在 vue 项目中，一般在当前 vue 项目中引用的组件设计器可以直接支持，但是一些没有在项目中直接引用的组件或者动态加载的组件组则需要通过 components 属性引用

::: warning components 包括

- 设计器支持的组件
- 编辑属性时的属性编辑器组件
- 组件在布局视图里的展现形式

:::

## 示例

```html
<template>
  <v-jdesign
    v-model="value"
    :profile="profile"
    :components="components"
  ></v-jdesign>
</template>

<script>
  export default {
    data() {
      return {
        value: {
          datasource: {},
          listeners: [],
          fields: []
        },
        profile: {},
        components: {}
      }
    }
  }
</script>
```