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的值显示

props:{propName: { typpe:[Number,String,Boolean,Function,Array,Object]， default:function(){ return {name:'weng'} }, validator:function(value){ return value.length>3 } } }

上述内容就是vue中props如何使用，你们学到知识或技能了吗？如果还想学到更多技能或者丰富自己的知识储备，欢迎关注创新互联行业资讯频道。

网站建设知识

vue中props如何使用

其他资讯