vue中component组件的props使用详解

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

props使用方法

rush:js;"> Vue.component('my-component',{ props:['message'],template:'

' });

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

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

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

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

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

rush:js;">

prop验证

组件为props提供了验证功能

3 } }

}

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

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

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程之家。