1. Сделайте так, чтобы элемент div в шаблоне показывался только тогда, когда свойство val не пустое.

<template>
    <div>
        <p>Hello</p>
    </div>
 </template>
 
<script>
    module.exports = {
        data: function () {
            return {
                val: 'Hello'
            }
        }
    }
 </script>

2. Выполните задание 1, но если свойство val пустое, НЕ должен показываться в разметке И блок div И его содержимое. 

3. Если свойство val пустое, должно показываться

<p>Элемент пустой</p>

иначе

<p>Hello</p>