Vue中的驼峰式写法和短连接符写法

Vue中的驼峰式写法和短连接符写法

字符串模板：template:``

单文件组件（.vue）：<template></template>

html是不区分大小写的，统一转化为小写，本文主要讨论使用vue-cli构建的项目，即使用单文件组件的情况下。

组件名

按照约定，组建名命名应该是PascalCase的，在单文件组件中使用组件时，以下方式都可以：

<HelloWorld></HelloWorld>、<hello-world></hello-world>

下面的方式是不可以的：

<helloworld></helloworld>

prop：

作为JavaScript变量时必须是camelCase，在申明prop时使用短连接符kebab-case和驼峰式camelCase都可以：

props: ['test-message'],、props: ['testMessage'],(建议使用camelCase)

父组件中传递该prop时也是两种方式都可以:

<child test-message=