四张图带你了解Vue组件的三大核心概念——属性、时间、插槽

Vue组件的三大核心概念为属性、时间、插槽

万物皆属性

属性

属性的三种写法

1. props: ['name', 'type', 'list', 'isVisible'] //不推荐
   

2. props: {
     title: String,
     likes: Number,
     isPublished: Boolean,
     commentIds: Array,
     author: Object,
     callback: Function,
     contactsPromise: Promise // or any other constructor
   }
   

3. props:{
       name:{
           type: String,
           required: true
       },
       age:{
           type: Number,
           default: 99
       },
       sex: {
           type: String,
           required: true
       }
   }
   

事件

插槽