Prop 的大小写 (camelCase vs kebab-case)

 

---

前言

 

---

提示：以下是本篇文章正文内容，下面案例可供参考

一、Prop 的大小写 (camelCase vs kebab-case)

示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。

二、使用步骤

1.HTML 中的 attribute 名是大小写不敏感的，所以浏览器会把所有大写字符解释为小写字符。这意味着当你使用 DOM 中的模板时，camelCase (驼峰命名法) 的 prop 名需要使用其等价的 kebab-case (短横线分隔命名) 命名：

 

Vue.component('blog-post', {
  // 在 JavaScript 中接收父组件传递的属性是驼峰命名 的
  props: ['postTitle'],
  template: '<h3>{{ postTitle }}</h3>'
})

<!-- 在 HTML 中是  属性名是短横线形式 的 -->
<blog-post post-title="hello!"></blog-post>