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下在控制台才会有输出

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

原文地址：https://www.jb51.cc/vue/36674.html

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [e-mail] 举报，一经查实，本站将立刻删除。

• 上一篇：使用vue-resource进行数据交互的实下一篇：VueJS组件之间通过props交互及验证