Vue2.2.2组件props变量命名可以使用驼峰式命名法

Vue2.2.2组件props变量命名可以使用驼峰式命名法

在Vue2.2.2中，声明一个组件并为其提供道具前端中的驼峰命名规则，您可以使用驼峰式命名法

在外部引用一个组件
<com-a :firstProperty="propA"></com-a>
组件ComA内部
<template>
    <p>{{firstProperty}}</p>
</template>
<script>
export default{
    name: 'com-a',
    props: ['firstProperty']
}
</script>

甚至可以混合使用. 如

<com-a :first-property="propA"></com-a>
export default{
   name: 'com-a',
   props: ['firstProperty']
}

当然每个人都有自己的习惯.

在这里只是告诉您vue2.2.2解决了这些小问题，因此每个人都可以随意填写.

注意: first-Property这样写不正确前端中的驼峰命名规则，请确保使用小写字母p

本文来自电脑杂谈，转载请注明本文网址：
https://www.pc-fly.com/a/jisuanjixue/article-220697-1.html