如何验证Vue组件中prop的值类型？
- 内容介绍
- 文章标签
- 相关推荐
本文共计697个文字，预计阅读时间需要3分钟。
“prop值验证规则：如果prop是静态值，则必须是String类型；如果prop是动态值，则可以验证任意类型。示例，如果必须传递一个Number类型，则使用bind://声明Vue.component('blog-post'）。
prop 传值检验规则
如果是 prop 是静态传值，则必须是 String 类型
如果是 prop 是动态传值，则可以验证任意类型
示例，如果必须要传一个Number，就必须使用 bind
//声明 Vue.component("blog-post", { props: { postTitle: { type: Number, default: 10000 } }, template: "<h3>{{ postTitle }}</h3>" }); //在template中调用，静态传值，值必定是 String <blog-post postTitle="54"></blog-post> //在template中调用，动态传值，值可以是 String、Number、Boolen。。。
本文共计697个文字，预计阅读时间需要3分钟。
“prop值验证规则：如果prop是静态值，则必须是String类型；如果prop是动态值，则可以验证任意类型。示例，如果必须传递一个Number类型，则使用bind://声明Vue.component('blog-post'）。
prop 传值检验规则
如果是 prop 是静态传值，则必须是 String 类型
如果是 prop 是动态传值，则可以验证任意类型
示例，如果必须要传一个Number，就必须使用 bind
//声明 Vue.component("blog-post", { props: { postTitle: { type: Number, default: 10000 } }, template: "<h3>{{ postTitle }}</h3>" }); //在template中调用，静态传值，值必定是 String <blog-post postTitle="54"></blog-post> //在template中调用，动态传值，值可以是 String、Number、Boolen。。。