首页 > 代码库 > VueJS 组件参数名命名方式和前台显示
VueJS 组件参数名命名方式和前台显示
camelCase(驼峰式) 和. kebab-case(短横线式)
HTML 特性是不区分大小写的。所以,当使用的不是字符串模版,camelCased (驼峰式) 命名的 prop 需要转换为相对应的 kebab-case (短横线隔开式) 命名:
Vue.component(‘child‘, { // camelCase in JavaScript props: [‘myMessage‘], template: ‘<span>{{ myMessage }}</span>‘ })
如果你使用字符串模版,则没有这些限制。
<!-- kebab-case in HTML --> <child my-message="hello!"></child>
这个横线是在你驼峰式命名的参数大写字母前加上。
如果你定义的prop参数不是驼峰式的,那就不用加横线,写的什么就用什么名。
VueJS 组件参数名命名方式和前台显示
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。