vue js v-if prop code example

Example 1: vuejs props

// Component file
<script>
  export default {
    props: {
      name: {
        type: String,
        required: true
      }
    }
  };
</script>

// File you call your component
<template>
  <your-component name="name"></your-component>
</template>

Example 2: v-if vuejs

<h1 v-if="awesome">Vue is awesome !</h1>
<h1 v-else-if="sowSow">Vue is not very nice !</h1>
<h1 v-else>Vue is baaaad !</h1>

Example 3: vue v-if

<div v-if="Math.random() > 0.5">
  Now you see me
</div>
<div v-else>
  Now you don't
</div>