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