Skip to content

22 - 自定义元素 #1023

Open
Open
@ChenHaoJie9527

Description

@ChenHaoJie9527
// 你的答案
// your answers
<script setup lang='ts'>

import { onMounted,defineCustomElement } 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