vue-canvas-nest的安装和使用

1.安装

npm i vue-canvas-nest

//如果使用淘宝镜像的话
cnpm i vue-canvas-nest

//或者yarn

yarn add vue-canvas-nest

2.使用

（按需引入到页面并注册组件）

（1）页面js：

import vueCanvasNest from "vue-canvas-nest";

export default {
  data() {
    return {
        //配置属性
        config: {
            color: "255, 255, 255",
            opacity: 1,
            zIndex: 5,
            count: 99,
      },//配置炫酷效果
   }
  },
 components: {
    vueCanvasNest
  },
 methods: {}
}

（2）页面html：

<template>
   <div id="elecData_father">
     <vue-canvas-nest :config="config" :el="'#elecData_father'"></vue-canvas-nest>    
   </div>
</template>

说明：注意el绑定的是最外层父级的id