学习-vue3 解析 DOM 模板时大小写不敏感

大小写不敏感

HTML attribute 名不区分大小写，浏览器将所有大写字符解释为小写。当你在 DOM 模板中使用时，驼峰 prop 名称和 event 处理器参数需要使用它们的kebab-cased（横线字符分隔）等效值：

    // js 中是驼峰式

　　app.component('blog-post', {

       props: ['propsTitle'],

       template: `

       <h3>{{ postTitle }}</h3>`

     })

<!-- 在 HTML 中则是横线字符分割 -->
<blog-post post-title="txt"></blog-post>