vue中组件间的参数规范

240 阅读 0 评论 159 点赞

我是靠谱客的博主眼睛大哈密瓜，这篇文章主要介绍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中组件间内容请搜索靠谱客的其他文章。

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