Всем привет, подскажите пожалуйста, как оно срабатывает? Точнее, вот я написал v-if, и что оно проверяет? Значение которое заложено в переменную в объекте Vue.js?
Ну да, это же логично) после знака присваивания мы ставим то что будет проверятся на истинность, так же это значение можно изменять с помощью консоли, нужно написать название переменной, далее через точку просто дотянутся к его свойству и изменить его.
<div id="example">
<span v-if="seen">Сейчас меня видно
Если изменить значение свойства seen в этом примере тогда блок у нас пропадет, то есть таким образом можно манипулировать определенными данными и их отображением.
var example = new Vue({
el: '#example',
data: {
seen: true
}
})
Вот еще один пример, тут просто показывается возможная ветка else, по сути тут тоже самое только в случае если ok=false у нас будет иной вариант отображения.
<div id="example">
<h1 v-if="ok">Да
<h1 v-else>Нет
Если бы в этом примере не было ветки else и мы бы поменяли бы значение свойства ok на false мы бы увидели результат аналогичный первому примеру.
var example = new Vue({
el: '#example',
data: {
ok:true
}
})
Лучше посмотри видео уроки, они дадут более глубокое понимание данного фреймворка https://itvdn.com/ru/video/vuejs