Vue中名称命名的大小写问题

在html中,字母是不区分的大小写的

• html中会把大写默认转换成小写
• 因此,Vue组件的命名不能使用驼峰命名直接复制到html标签上
• 否则在寻找组件名称时,小写名称和js中的驼峰命名组件名称不匹配
• 所以会找不到

那么咋办呢?

用短横线命名啦

在Vue组件中,父组件给子组件传递信息,必须使用短横线命名

因为涉及html

在template中,父组件给子组件传递信息,必须使用驼峰命名

template只能用驼峰

在组件的data函数中,传递父组件的数据,使用this.xxx时,只能使用驼峰命名

data函数只能驼峰