Vue select

Im trying to use select option with 3 different values DVD,books and furniture:

Choose product type

When selecting DVD it changes the content of element to : image

when selecting books it changes the content to: weight and the input.

At the moment i am returning data as object arrays: {size: <label class="col-sm-4 col-form-label">size (MB)</label> <div class="col-sm-6"> <input type="text" name="size" placeholder="size" value="<?php echo $size; ?>"></input> </div> }, …weight:…furniture:…

Is there a way to add select options as the “array.size” to change the content or use show/hide.