-
- 我来自web组件:{{name}}
- 计数器值: {{ count }}
- 点击增加
-
-
-
-
diff --git a/src/components/hello/index.ts b/src/components/hello/index.ts
deleted file mode 100644
index ed9ebb4..0000000
--- a/src/components/hello/index.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-
-import { defineCustomElement } from "vue"; // 引入API
-
-import MyCount from "./hello.ce.vue"; // 引入计数器组件
-
-const CustomElement = defineCustomElement(MyCount);
-
-// 为了便于业务自定义标签名称,导出名称注册方法,默认为my-conut
-
-customElements.define('my-count', CustomElement);
-
diff --git a/src/main.js b/src/main.js
index 8666662..af3f600 100644
--- a/src/main.js
+++ b/src/main.js
@@ -5,17 +5,5 @@ import App from './App.vue'
const app = createApp(App)
app.use(ElementPlus) // 全局安装ElementPlus
app.mount('#app')
-import MyCount from "./components/hello/hello.ce.vue"; // 引入计数器组件
-import { ElButton } from "element-plus"
-
-const CustomElement = defineCustomElement(MyCount);
-const B = defineCustomElement(ElButton);
-// 为了便于业务自定义标签名称,导出名称注册方法,默认为my-conut
-export function register(tagName = "my-count") {
- customElements.define(tagName, CustomElement);
- return CustomElement;
-}
-
-import './components/hello'
customElements.define('el-button',B)
\ No newline at end of file