《vue-组件中html命名规则》

221 阅读1分钟

vue组件中camelCased (驼峰式)命名与 kebab-case(短横 线命名)

  1. 在html中, myMessagemymessage 是一致的,因此在组件中的html中使用必须使用kebab-case(短横线)命名方式。在html中不允许使用驼峰!!!!!!

  2. 在组件中, 父组件给子组件传递数据必须用短横线。在template中,必须使用驼峰命名方式,若为短横线的命名方式。则会直接报错。

  3. 在组件的data中,用this.XXX引用时,只能是驼峰命名方式。若为短横线的命名方式,则会报错