# hai2007-clunch:可以帮助你在vue项目中内嵌图形框架clunch

首先，你需要引入这个指令：

```js
import hai2007Clunch from "vee-components/libs/clunch/index.js";
```

引入以后你注册一下即可，比如我们局部注册：

```
{
    directives: {
        hai2007Clunch
    }
}
```

然后，你就可以直接在```.vue```文件中使用了：

```
<div v-hai2007-clunch>

    <!-- 里面编辑clunch代码 -->

</div>
```

clunch代码需要的数据和方法直接在当前```vue```文件中定义即可，具体的可以参考[这份例子](https://github.com/hai2007/vee-components/blob/master/test/pages/clunch.vue)，编辑clunch代码的时候，请直接[点击此处](https://hai2007.gitee.io/clunch/)查看。

[<< 返回首页](../README.md)