美文网首页
vue自定义组件命名注意点

vue自定义组件命名注意点

作者: CoderZb | 来源:发表于2022-07-03 18:51 被阅读0次

问题描述

Unknown custom element: <home-bottom-info-pc> - did you register the component correctly? For recursive components, make sure to provide the "name" option.

错误写法

 components: {
      homeBottomInfoPC,

   }

正确写法

 components: {
      homeBottomInfoPc,

   }
  • 报错原因:不能有连续两个字母大写,应该采用驼峰的方式命名,所以将homeBottomInfoPC改为homeBottomInfoPc

相关文章

  • vue自定义组件命名注意点

    问题描述 Unknown custom element: - did ...

  • Vue组件-命名注意点

    1、“驼峰命名”的组件,在使用时需要换成“短横线命名”; 2、数据传递:“驼峰命名”的数据,在传递时换成“短横线命...

  • 第十二讲、Vue3.x组件自定义事件 以及mitt 实现非父子组

    一、父子组件介绍 二、Vue3.x组件自定义事件实现子组件给父组件传值 注意: Vue官方推荐你始终使用 keba...

  • vue自定义组件

    vue自定义组件 1.vue全局组件 Vue.component("组件名",{obj});obj跟vue实例一样...

  • 数据验证

    一、Vue 组件中命名 camelCase(骆峰式)命名 | kebab-case (短横线) 命名 1、在组件...

  • vue命名规范

    自用vue变量命名规范 props 驼峰式命名 事件 组件 组件文件 基础组件名 基础组件名 name Pasca...

  • 自定义元素

    参考来自HTML自定义元素更多用法请参考谷歌的官方教程 Vue和自定义元素之间的关系你可能已经注意到 Vue 组件...

  • 基于vue的webapp注意事项

    基于vue的webapp注意事项 编写简洁漂亮,可维护性高的vue代码 目录 前言 目录命名 全局方法和组件的扩展...

  • Vue 基础 - 组件

    组件 使用组件可提高代码的复用性 命名规则 vue组件中camelCased(驼峰式)命名与kebab­case(...

  • uni-app 之组件之间的通讯方式

    首先目录结构如下: test.vue 自定义组件 index.vue 父组件

网友评论

      本文标题:vue自定义组件命名注意点

      本文链接:https://www.haomeiwen.com/subject/ilekbrtx.html