Default values for Vue component props & how to check if a user did not set the prop?

Question

1. How can I set the default value for a component prop in Vue 2? For example, there is a simple movies component that can be used in this way:

Answer 1

Also something important to add here, in order to set default values for arrays and objects we must use the default function for props:

propE: {
      type: Object,
      // Object or array defaults must be returned from
      // a factory function
      default: function () {
        return { message: 'hello' }
      }
    },