npm i vue-asobtn

<template>
    <div id="app">
        <aasoBtn>按钮1</aasoBtn>
        <aasoBtn>按钮2</aasoBtn>
    </div>
</template>

<script>
import asoBtn from 'vue-asobtn'

export default {
    components: {
        asoBtn,
    },
};
</script>

npm install

npm run serve

npm run build

vue-asoBtn
├─ package.json
├─ public
│  ├─ favicon.ico
│  └─ index.html
├─ rollup.config.js
└─ src
   ├─ App.vue
   ├─ components
   │  ├─ AsoBtn.vue
   │  └─ index.js
   └─ main.js

  "devDependencies": {
    "rollup": "^1.29.0",
    "rollup-plugin-vue": "^5.0.1",
    "@rollup/plugin-commonjs": "^11.0.1",  // 将 CommonJS 模块转换为 ES6 供 rollup 处理
    "@rollup/plugin-node-resolve": "^7.0.0" // rollup 无法识别 node_modules 中的包，帮助 rollup 查找外部模块，然后导入
  },
  "scripts": {
    "build": "npm run build:umd & npm run build:es & npm run build:unpkg",
    "build:umd": "rollup -c --format umd --file dist/aso-btn.umd.js",  // -c: 使用rollup.config.js作为打包配置
    "build:es": "rollup -c --format es --file dist/aso-btn.esm.js",
    "build:unpkg": "rollup -c --format iife --file dist/aso-btn.min.js"
  },

// 通过uuid第三方模块生成uuid
import {v4 as uuidv4} from 'uuid';

// 最好在created()方法中, 生成
let uuid = uuidv4();

// 通过uuid绑定元素
let element = document.getElementById(this.uuid);
let element = document.querySelector(`#${this.uuid}`); //注: 通过querySelector绑定元素, uuid必须是字母开头

// 方法一
// 如果存在多个dataset可能会失败
for (const key in elementParent.dataset) {
            log(key); // vDe934562(v-de934562)
}
elementChildren.dataset[key] = "";

// 方法二
let str=elementParent.attributes[0].name; // data-v-xxx
str = str.substring(5).replace('-', ''); // vxxx
let newstr = str.replace(str[1], str[1].toUpperCase()); //  vXxx
elementChildren.dataset[newstr] = "";