如何将Vue prop传值类型检验方式改写为一个长尾词的?
- 内容介绍
- 文章标签
- 相关推荐
本文共计691个文字,预计阅读时间需要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。。。
本文共计691个文字,预计阅读时间需要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。。。

