Почему Vue не даёт использовать директиву if в рендере?

Question

[IgorRv]

render: function (h) {
    return h('div', {
    	directives: [{name: 'if', value: this.List.length > 5}]
    })
}

выдает :

[Vue warn]: Failed to resolve directive: if

(found in <Anonymous>)

В чём проблема? Директива "show" работает в этом коде

Comments

[Artem0071]

Может value на expression заменить?

[Klein Maximus]

Artem0071, это есть в документации?

[Artem0071]

Klein Maximus, Да, но только вскользь

[Klein Maximus]

Artem0071, и чем же помогла бы замена value на expression? Или это такой "метод научного тыка", и читать документацию нужно только "вскользь"?

[Artem0071]

Klein Maximus, Начнем с того, что я не написал это в ответах, а просто в комментарии к вопросу. Так что да - научный тык и не более.
К тому же, я ничего не нашел в документации по поводу expression (хоть особо рьяно и не старался, просто просмотрел что было на эту тему), но раз в примере есть такое, то почему бы не попробовать

Answer 1

[Klein Maximus]

Читаем документацию и видим, что напрямую в render-функции директивы if/model не используются. Здесь больше похоже на React, чем на Angular:

render: function (h) {
  if (this.List.length <= 5) return h('');
  return h('div', { ... });
}

Директива "show" в этом коде работает потому, что show не оперирует узлами DOM, а просто вешает на тег display: none, оставляя сам узел в структуре страницы.