这个里面是空的，显示不出来东西。

最新推荐文章于 2024-03-13 15:44:33 发布

hamimelon2020

最新推荐文章于 2024-03-13 15:44:33 发布

阅读量129

点赞数

分类专栏： JavaScript vue 文章标签： vue

本文链接：https://blog.csdn.net/weixin_40945354/article/details/119143964

版权

vue 同时被 2 个专栏收录

722 篇文章 4 订阅

订阅专栏

JavaScript

628 篇文章 6 订阅

订阅专栏

<!DOCTYPE html>
<div id ="app">
  <my-component class="baz"></my-component>
</div>
</html>

<script src="https://unpkg.com/vue@next"></script>
<script>
const app = Vue.createApp(app)
app.component('my-component', {
  template:`
  <p :class="$attrs.class">Hi!</p>
  <span>This is a chind component</span>
  `
})

app.mount('#demo')
</script>

小改，不知道是怎么回事。

<!DOCTYPE html>
<div id ="app">
  <my-component class="baz"></my-component>
</div>
</html>

<script src="https://unpkg.com/vue@next"></script>
<script>
const app = Vue.createApp({})
app.component('my-component', {
  template:`
  <p :class="$attrs.class">Hi!</p>
  <span>This is a chind component</span>
  `
})

app.mount('#demo')
</script>