<dependencies>
    <link rel="stylesheet" href="https://www.niceloo.com/zt4ird/@qdyfb/common/js-plugin/element-ui/2.15.2/lib/theme-chalk/index.css">
    <script src="https://www.niceloo.com/zt4ird/@qdyfb/common/js-plugin/element-ui/2.15.2/lib/index.js"></script>
</dependencies>

# vue配置渲染示例

## 基本用法
:::demo 
```html
<template>
    <div>
        <cv-vue-render
            vueVersion='2'
            :renderConfig='renderConfig'
            v-if="renderConfig"
            :dependencies='dependencies'
            height="500px"
        ></cv-vue-render>
    </div>
</template>
<script>
let template_demo = `
<el-card class="box-card" :header="header">
    <el-row>
      <el-button>默认按钮</el-button>
      <el-button type="primary">主要按钮</el-button>
      <el-button type="success">成功按钮</el-button>
      <el-button type="info">信息按钮</el-button>
      <el-button type="warning">警告按钮</el-button>
      <el-button type="danger">危险按钮</el-button>
    </el-row>
</el-card>
`;
let script_demo = `
export default {
    data(){
        return {header: "默认示例"}
    }
}
`;
let style_demo = `
.el-card__header{
    font-size: 24px;
}
`;
let dependencies_demo = `
    <dependencies>
        <link rel="stylesheet" href="https://www.niceloo.com/zt4ird/@qdyfb/common/js-plugin/element-ui/2.15.2/lib/theme-chalk/index.css">
        <script src="https://www.niceloo.com/zt4ird/@qdyfb/common/js-plugin/element-ui/2.15.2/lib/index.js"><\/script>
    </dependencies>
`;
export default {
    components: {
        CvVueRender
    },
    data() {
        return {
            renderConfig: {
                template: template_demo,
                script: script_demo,
                style: style_demo,
            },
            dependencies:dependencies_demo
        }
    },
    methods: {
    }
};
</script>
```
:::
