Skip to content

22 - 自定义元素 #2917

Open
Open
@cone41

Description

@cone41
<script setup lang="ts">
import { onMounted, defineCustomElement, h } from 'vue';

/**
 * Implement the code to create a custom element.
 * Make the output of page show "Hello Vue.js".
 */
const VueJs = defineCustomElement({
  props: {
    message: String,
  },
  template: '<span>{{message}}</span>',
});
customElements.define('vue-js', VueJs);
onMounted(() => {
  document.getElementById('app')!.innerHTML =
    '<vue-js message="Hello Vue.js"></vue-js>';
});
</script>

<template>
  <div id="app"></div>
</template>

Metadata

Metadata

Assignees

No one assigned

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions