Шаблон внутри объекта Vue и что собой представляют данные

Кроме того, что можно использовать шаблон вне корневого элемента Vue.

<div id="app">
<span>Привет, {{ message }}</span>
</div>
<script>
var app = new Vue(
        {
            data: {
                'message': 'Тест'
            }
            el: '#app'
        }
    );
</script>

Но, у нас есть альтернативный способ, как можно создать шаблон, это воспользоваться свойством template. И внутри этого свойства можно прописать тот код разметки, который будет в нашем шаблоне.

var app = new Vue(
        {
            data: {
                'message': 'Тест'
            },
    template: '<span>Привет, {{ message }}</span>',
            el: '#app'
        }
    );

Такой способ записи тоже имеет место быть и может использоваться на практике.