js_脚本之家

Examples      Vue.component('blog-post', { //命名时候可以使用横线 props: ['postTitle'], //如果这里使用连接线post-title将报错 template: '<h3>{{ postTitle }}</h3>' }) new Vue 

www.js8331.com,js_脚本之家。在vue的汉语官方网址犹如此的辨证:HTML
中的性情名是高低写不敏感的,所以浏览器会把具有大写字符解释为小写字符。这意味当您接收DOM 中的模板时,camelCase 的 prop 名需求使用其等价的 kebab-case 命名。

小结 props里可应用驼峰命名但无法用横线,假诺props使用驼峰
组件旅长使用横线

一再壹回,假设您利用字符串模板,那么那几个范围就不设有了。

vue创建命名 能够动用驼峰和横线, 借使使用驼峰 构造建设使用将使用横线使用

1、当组件中template及props等接受驼峰式命名,在html中对应的变动短横线命名形式。

上述就是有关vue组件命名和props命名的方方面面知识点内容,多谢我们的学习和对台本之家的支撑。

2、当组件中template及props等采用字符串模板,在html中改成对应的小写。

在Vue的源码中开创Vue组件的时候createComponent(卡塔尔国,深入分析组件的连锁属性

// extract propsvar propsData = extractPropsFromVNodeData;

而,在extractPropsFromVNodeData(卡塔尔中,Vue通过调用内部方法hyphenate,把驼峰方式的品质转变为横切线格局。

而外,Vue在initProps时,都将驼峰方式的属性转变为横切线情势。

以上便是本文的全体内容,希望对大家的上学抱有助于,也愿意我们多都赐教脚本之家。

发表评论

电子邮件地址不会被公开。 必填项已用*标注