vue中component组件的props使用详解

vue中component组件的props使用详解

本文介绍了 vue中component组件的props使用详解，分享给大家，具体如下：

props使用方法

Vue.component('my-component',{

props:['message'],

template:'

});

注意：props 的声明需要放在template的前面

props可以使用实例中的变量赋值

全局组件可以获取用使用prop 的做操作

下面例子为message先先渲染为 "hello!!!" click点击事件  调用zan方法为重新为comdata,message赋值

但是只有comdata显示 不能影响message的值显示

prop验证

组件为props提供了验证功能

props:{propName:

{

typpe:[Number,String,Boolean,Function,Array,Objehttp://ct]，

default:function(){

return {name:'weng'}

},

validator:function(value){

return value.length>3

}

}

}

ps:type可以自定义 使用instanceof检测

validator验证需要在开发版本vuejs下在控制台才会有输出

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。