Javascript 带VueJS状态的Pug内联条件

我正在尝试将内联条件与VueJS状态一起使用。这是我的isHidden变量

state: {
  isHidden: false
}

并且，“isHidden”变量在下面的代码中正常工作

<template lang="pug"> 
   button(v-if="isHidden") +
   button(v-if="!isHidden") -
</template>

按钮（v-if=“ishiden”）+
按钮（v-if=“！ishiden”）-

我想把这段代码写得更清楚，但是，它不能像下面那样正常工作。它的工作原理是，它的值在任何时候都是假的

<template lang="pug"> 
  button #{ isHidden ? '+' : '-'}
</template>

按钮#{isHidden？'+'：'-'}

我是否遗漏了某一点或做错了什么