组件参数的校验和非Prop特性（Vue）

最新推荐文章于 2024-10-30 20:17:03 发布

原创最新推荐文章于 2024-10-30 20:17:03 发布 · 401 阅读

0 ·

CC 4.0 BY-SA版权

前端同时被 2 个专栏收录

25 篇文章

订阅专栏

Vue

20 篇文章

订阅专栏

本文介绍了Vue.js中组件之间的通信方式，重点讲解了props特性及其使用方法。通过一个实例展示了如何将数据从父组件传递到子组件，并探讨了props与非props特性的区别。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<body>
   <div id="root">
       <child content="hello world"></child>
   </div>
   <script>
       Vue.component("child",{
           props: {
               content: {
                   type: String,//字符的类型
                   required: true,//是否为必填
                   default: 'default Value',//默认值
                   //自定义验证函数
                   validator: function(value){
                       return (value.length > 5)
                   }
               }
           },
           template: "<div>{{content}}</div>"
       })
       var vm = new Vue({
           el: "#root",
           data: {