Как передать параметр из Vue в Pug?

Question

[Artem0071]

Как правильно передать параметр из Vue в Pug

Сделал примерно так:

<template lang="pug">

    - var newDesign = isNewDesign; // isNewDesign - это параметр из data

        p test: #{newDesign} // тут ничего не выводит, получается "test: "


</template>

Можно ли как то передать этот параметр или нет?

Answer 1

[0xD34F]

А какая разница, pug у вас или не pug? Всё как обычно:

p test: {{ isNewDesign }}

Comments

[Artem0071]

А как в таком случае создать условие?
someTest - переменная из vue

<template lang="pug">
        if someTest
            p test
        else
            p anothertest
</template>

[Artem0071]

Вот так вообще даже не компилирует, ругается на Unexpected token

<template lang="pug">
        if {{someTest}}
            p test
        else
            p anothertest
</template>

[0xD34F]

Artem0071, ну вот инструментами vue и пользуйтесь - v-if, v-else и т.д.

UPD.

Вот так вообще даже не компилирует...

p(v-if="someTest") test
p(v-else) anothertest

[Artem0071]

0xD34F, И все же, можно ли как то передать этот параметр или нет?

[0xD34F]

Artem0071, как vue рендерит компоненты? - с помощью render-функций. В которые компилируются шаблоны. Так что никакого pug в момент рендеринга нет - всё, проехали, он остался где-то там, далеко-далеко позади, когда вы занимались написанием компонента. То есть, что значит передать данные из data в pug? - это значит, что вы на основе данных хотите собрать новый шаблон, затем скомпилировать его, и отрендерить. И это создание/компиляция шаблона должна будет происходить при любом изменении данных. Звучит настолько бредово, что до конца эту мысль я додумывать не собираюсь.