一、组件名命名方式：
帕斯卡命名方式：ComponentName
短横线分隔：component-name
使用自定义元素的时候，两种命名方式都允许，但是当应用到dom的时候，应该使用短横线分割命名方式。
如下，两种命名方式都是正确的：
图一：
image.png
图二：
image.png
但是应用到dom 应该使用短横线分割命名方式，否则就会报错：
代码片段：
image.png
报错内容：
image.png
在自定义事件中，事件名也应该使用短横线分割方法命名，如果将事件用v-on:myEvent 命名，就会变成v-on:myevent. 导致监听不到事件，所以用v-on：my-event 。
一、组件名命名方式：帕斯卡命名方式：ComponentName短横线分隔：component-name使用自定义元...
1、“驼峰命名”的组件，在使用时需要换成“短横线命名”； 2、数据传递：“驼峰命名”的数据，在传递时换成“短横线命...
问题描述 Unknown custom element:
本文为转载，原文：Vue学习笔记入门篇——组件的使用 组件定义 组件 (Component) 是 Vue.js 最...
基于vue的webapp注意事项 编写简洁漂亮，可维护性高的vue代码 目录 前言 目录命名 全局方法和组件的扩展...
一、Vue 组件中命名 camelCase（骆峰式）命名 | kebab-case (短横线) 命名 1､在组件...
自用vue变量命名规范 props 驼峰式命名 事件 组件 组件文件 基础组件名 基础组件名 name Pasca...
本文为转载，原文：Vue学习笔记入门篇——组件的内容分发(slot) 介绍 为了让组件可以组合，我们需要一种方式来...
组件 使用组件可提高代码的复用性 命名规则 vue组件中camelCased(驼峰式)命名与kebabcase（...
Vue 组件学习笔记 局部组件的使用 简易 demo 组件通信 总结： 子组件通过 props 接受父组件的数据 ...
本文标题：vue学习笔记--组件的命名方式及注意点
本文链接：https://www.haomeiwen.com/subject/ceykbftx.html
网友评论