Есть компонент, который должен выполнять какую-то функцию какждый раз заново при появлении. Кажется для этого существуют rendrer-функции, но я не понимаю как мне это реализовать правильно во vue-cli. Или лучше использовать какой-то другой подход?
1 ответ
Для того, чтобы отработала render-функция НЕ НУЖНО в компонент добавлять <template>
, а сам рендер писать в <script>
. Например так:
Title.vue
<script>
export default {
name: 'Title',
render: function (createElement) {
let vueArray = [
'Vue',
'is',
'awesome'
];
return createElement('h1', vueArray.join(' '))
}
}
</script>
:key="paramName"
, при этом, если, например, мы в условную кнопку передаём проп, который говорит, что кнопка, предположим, не активна, что-то типаactive: false
, то, скажем, при заполнении какого-нибудь инпута эту кнопку надо перерисовать и сдлеать активной, то просто биндим вэлью инпута на переменну, а переменную в качестве значения атрибута:key
указываем для кнопки.