vue中props如何使用-创新互联-甜橘子设计有限公司
vue中props如何使用-创新互联
本篇文章为大家展示了vue中props如何使用，内容简明扼要并且容易理解，绝对能使你眼前一亮，通过这篇文章的详细介绍希望你能有所收获。
成都创新互联公司专注于溧阳网站建设服务及定制，我们拥有丰富的企业做网站经验。 热诚为您提供溧阳营销型网站建设，溧阳网站制作、溧阳网页设计、溧阳网站官网定制、
重庆小程序开发服务，打造溧阳网络公司原创品牌,更为您提供
溧阳网站排名全网营销落地服务。
props使用方法
Vue.component('my-component',{
props:['message'],
template:'{{message}} '
});
注意：props 的声明需要放在template的前面
props可以使用实例中的变量赋值
全局组件可以获取用使用prop 的做操作
下面例子为message先先渲染为 "hello!!!" click点击事件 调用zan方法为重新为comdata,message赋值
但是只有comdata显示 不能影响message的值显示
prop验证
组件为props提供了验证功能
props:{propName:
{
typpe:[Number,String,Boolean,Function,Array,Object]，
default:function(){
return {name:'weng'}
},
validator:function(value){
return value.length>3
}
}
}ps:type可以自定义 使用instanceof检测
validator验证需要在开发版本vuejs下在控制台才会有输出
上述内容就是vue中props如何使用，你们学到知识或技能了吗？如果还想学到更多技能或者丰富自己的知识储备，欢迎关注创新互联成都网站设计公司行业资讯频道。
另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。
网站标题：vue中props如何使用-创新互联
链接地址：http://chengdu.cdxwcx.cn/article/dsddse.html
