2048
登录
没  有  难  学  的  前  端
登 录
×
<返回上一级

VUE这两个子组件怎么显示不出来呢?

vue.js作者:猿2048志愿者

页面什么都不显示 如果不写<Artical/><Write/>可以显示出msg的内容 写上这两个就什么都不显示了 这是为什么呢?
终端窗口没有报错 浏览器控制台报了这个错误
图片描述
图片描述
Blog.vue.

<template>
 <div>
     {{msg}}
    <Artical/> 
    <Write/>
 </div>
</template>

<script>
import Write from '@/components/Write'
import Artical from '@/components/Artical'

export default {
  name: 'Artical',
  data () {
    return {
      msg: 'test'
    }
  },
  components: {
    Artical,
    Write
  }
}
</script>

<style scoped>
</style>

Artical.vue

<template>
 <div>
   <div class="content">
       Artical
   </div>
 </div>
</template>

<script>
export default {
  name: 'Artical',
  data () {
    return {
    }
  }
}
</script>

<style scoped>
</style>

Write.vue

<template>
 <div>
   <div class="content">
       Write
   </div>
 </div>
</template>

<script>
export default {
  name: 'Write',
  data () {
    return {
    }
  }
}
</script>

<style scoped>
</style>
评论
点击刷新
评论
相关问题
×添加代码片段