vue.js - Vue 组件将一些 props 定义为数据类型，其他保持原样

Question

我真的很喜欢我的 Vue 组件中的语法props: ['title', 'someInt', 'description']。我如何只需要这些道具中的 1 个，即someInt是一个整数？但不必显式定义其他道具的数据类型（它们可以保持默认为字符串）。

我的父组件正在做<my-component title='some title' some-int='100' description='desc'></my-component>，后来当我做this.someInt它的数据类型是字符串而不是整数（数字）。谢谢！

标签： vue.jsvuejs2vue-component

Answer 1

props: ['title', 'someInt', 'description']如果您更新了您的语法<my-component以使用您想要作为数字的属性的绑定，则可以保留语法。例子：

<my-component title='some title' :some-int='100' description='desc'></my-component>-someInt因为你是通过:角色绑定它，所以这将成为一个数字。Vue 从字面上解析表达式。