局部组件实例 

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>Vue 测试实例</title>
    <script src="https://unpkg.com/vue@next"></script>
  </head>
  <body>
    <div id="app">
      <uriel-a></uriel-a>
    </div>
    <script>
      var uriel = {
        template: '<h1>自定义组件!</h1>',
      }

      const app = Vue.createApp({
        components: {
          'uriel-a': uriel,
        },
      })

      app.mount('#app')
    </script>
  </body>
</html>

image

posted @ 2022-04-28 09:34  wjxuriel  阅读(14)  评论(0)    收藏  举报