<body>
<div id="app">
<h1> Hello {{name}}</h1>
<h2><a v-bind:href="url-google">Google</a></h2>
</div>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script type="text/javascript">
new Vue({
el: '#app',
data: {
name: 'there',
url-google: 'www.google.com'
}
})
</script>
</body>
После добавления строки h2 и url-google в поле data, перестало подтягиваться значение name (просто отображается сама переменная) ну и сам линк - Не линк. Мне на работу пора, поэтому было бы здорово, если бы кто-то подсказал в течении дня, чтобы я время сэкономил и вечером продолжил двигаться дальше :)