Рубрики
Var директива v-if Vue директива Vue.js

Директива «Отрисовка по условию» в Vue

Директива v-if или отрисовка по условию
вывести надпись, когда список например постов пустой

Если условие в v-if не выполняется, то элемент полностью удаляется из DOM дерева.

v-if
директива условие

если эта директива true, то блок, на котором прикреплена директива мы будем видеть (posts.length>0).
В обратной ситуации выведем какую то надпись

v-else
директива исключения

если не выполнилась v-if

v-else-if
директива исключения с условием

может сколько угодно быть. Так же создаётся условие и по цепочке проверяется до тех пор, пока какое то из условий не будет равняться true. И всю эту цепочку можно закончить директивой v-else.

v-show
директива похожая v-if

Если значение false, то блок получает стиль display:none.
Элемент просто скрывается, но в DOM дереве он всё ещё находится.

директива v-if во Vue.js
Vue.js