Решил попробовать поработать с vue, но что-то застопорился на простейшем поведении. Никак не могу понять, почему не обновляется внешний вид страницы. Есть вот такой код:
<html>
<header>
<script src="https://unpkg.com/vue"></script>
</header>
<body>
<div id="card">
<div>{{cardData[0]}}</div>
<div>{{cardData[1]}}</div>
</div>
<script>
var data ={
cardData:["1","2"],
showType:true
};
var app = new Vue({
el:"#card",
data: data
})
</script>
</body>
</html>
На странице все выводится правильно,
Затем в консоли пишу
data.cardData[0]='jgvv'
, но на странице ничего не меняется:
Что я делаю неверно?