vue中组件间的参数规范

77 阅读 0 评论 51 点赞

我是靠谱客的博主眼睛大哈密瓜，最近开发中收集的这篇文章主要介绍vue中组件间的参数规范，觉得挺不错的，现在分享给大家，希望可以做个参考。

在声明 prop 的时候，其命名应该始终使用 camelCase，而在模板中应该始终使用 kebab-case。

// bad
export default {
props: {
'greeting-text': String
}
};
// good
export default {
props: {
greetingText: String
}
}

<!-- bad -->
<welcome-message greetingText="hi" />
<!-- good -->
<welcome-message greeting-text="hi" />

多个 Props 的元素应该分多行撰写，每个 Props 一行，闭合标签单起一行。

<!-- bad -->
<my-component foo="a" bar="b" baz="c" />
<!-- good -->
<my-component
foo="a"
bar="b"
baz="c"
/>

标签的 Props 应该有统一的顺序，依次为指令、属性和事件。

<my-component
v-if="if"
v-show="show"
v-model="value"
ref="ref"
:key="key"
:text="text"
@input="onInput"
@change="onChange"
/>

以上就是眼睛大哈密瓜为你收集整理的vue中组件间的参数规范的全部内容，希望文章能够帮你解决vue中组件间的参数规范所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。