## SuVueCodeRun vue组件在线编辑


### 导入使用
```code[javascript]
import SuVueCodeRun from "ss-universal-client-web/comp/code/su-vue-code-run";
```


:::demo 
```html
<template>
    <su-vue-code-run
        :script="script"
        :template="template"
    ></su-vue-code-run>
</template>
<script>
export default {
    components:{
        SuVueCodeRun
    },
    name: "codepen",
    data(){
        return {
            script:"{}",
            template:"<div>demo</div>",
        }
    },
    created(){
    }
}
</script>
```
:::

### Attributes
| 参数      | 说明          | 类型      | 可选值                           | 默认值  |
|---------- |-------------- |---------- |--------------------------------  |-------- |
| template     | 模板           | string | — | — |
| script | 组件 | string | - | - |