"求帮助!!!! 在 pipe comsole 目录下新增一个组件,但是引入失败。 component 目录如图: [图片] Mblog.vue 代码如下: MblogList.vue 代码如下:  {{mblog.publishDate}} {{mblog.content}} page .."

在 pipe 自定义 vue 组件引入总是失败

本贴最后更新于 245 天前,其中的信息可能已经时移世易

求帮助!!!!

在 pipe comsole 目录下新增一个组件,但是引入失败。 component 目录如图: imagepng Mblog.vue 代码如下:

<template>  
 <mblog-list v-bing:mblog="mblog"></mblog-list>  
</template>  
  
<script>  
  import MblogList from './list/MblogList.vue'  
  
  export default {  
    name: 'Mblog',  
  component: {MblogList},  
  data: function () {  
      return {  
        mblog: {  
          'publishDate': '测试',  
  'content': '这事一个测试页面。'  
  }  
      }  
    }  
  }  
</script>  
  
<style scoped>  
  
</style>  

MblogList.vue 代码如下:

<template>  
 <ul> <li class="layui-timeline-item">  
 <i class="layui-icon layui-timeline-axis"></i>  
 <div class="layui-timeline-content layui-text">  
 <h3 class="layui-timeline-title">{{mblog.publishDate}}</h3>  
 <p>  {{mblog.content}}  
        </p>  
 </div> </li> </ul></template>  
  
<script>  
  export default {  
    name: 'MblogList',  
  data: function () { },  
  props: \['mblog'\],  
  asyncData: {}}  
</script>  
  
<style scoped>  
  
</style>  

pages 目录如图: imagepng index.vue 代码如下:

<template>  
 <div> <micro-blog v-bind:mblog="mblog"></micro-blog>  
 </div></template>  
  
<script>  
  import MicroBlog from '../../components/mblog/Mblog'  
  
  export default {  
    component: {  
      'micro-blog': MicroBlog,  
  Blog  
    },  
  data: function () {  
      return {  
        mblog: {  
          publishDate: '2018-05-06',  
  content: 'ceshi'  
  }  
      }  
    }  
  }  
</script>  
  
<style scoped>  
  
</style>  

进入 custom 页面的时候报错:

[Vue warn]: Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the “name” option.

found in

—> <Pages\custom\index.vue> at pages\custom\index.vue at layouts\default.vue

  • Pipe

    Pipe 是一款小而美的开源博客平台。如果你不想自己搭建,可以直接使用我们运维的 http://pipe.b3log.org

    84 引用 • 689 回帖 • 267 关注
  • Vue.js

    Vue.js(读音 /vjuː/,类似于 view)是一个构建数据驱动的 Web 界面库。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。

    116 引用 • 502 回帖 • 719 关注
  • Q&A

    提问之前请先看一下这篇文章 《提问的智慧》精读注解版,好的问题比好的答案更有价值。

    875 引用 • 5473 回帖 • 608 关注
感谢    关注    收藏    赞同    反对    举报    分享
3 回帖    
请输入回帖内容...
  • Vanessa      

    Blog 没有 import ?

    1 回复 
    感谢    赞同    反对    举报    分享       评论    回复
  • oreo277            

    删除了,也不行。试了很多次,原有的都可以,就是自定义的不行。

    1 回复 
    感谢    赞同    反对    举报    分享       评论    回复
  • Vanessa            

    你把代码发我,我帮你看看吧

    感谢    赞同    反对    举报    分享       评论    回复