v-ifディレクティブの条件式の中で変数を展開したい

Question

例えば以下の様なvueのコンポーネントがあり、v-ifの条件によって表示を出したい項目があるとします。

<template>
  <div id="users" v-if = "???">
　　　users
  </div>
</template>

<script>
export default {
  name: "users",
  data: function() {        
    return{
      users: "",
      data: null,
    }
  },
　created() {
    axios
        .get('http://localhost:3000/api/v1/users
        .then((response) => {
          this.data = response.data
    })
}
</script>

この時v-ifの条件式としてresponse.dataの中に入っているresponse.data.is_user
というユーザーかどうか判別するフラグを展開したいのですがどうすれば良いでしょうか?
<div id="users" v-if = "response.data.is_user.is_user">や
<div id="users" v-if = "${response.data.is_user.is_user}">
など展開を試してみましたがダメでした。
ご回答いただけると幸いです。

Answer 1

(response.data.is_user.is_user　は、response.data.is_user の間違い？)

仮に response.data.is_user が trueまたはfalseを返すとし、
trueのとき「users」という文字を表示したいならば

略
<template>
  <div id="users" v-if = "data && data.is_user">
　　　users
  </div>
</template>
略

ではだめでしょうか？
（「data && 」は"TypeError: Cannot read property data of null"　の回避のためにおいてます）
created()の中で

 this.data = response.data

としているので、dataというオブジェクトで、response.dataの中身にアクセスできるはずです。
v-ifのところで、response.data～としてしまうと、
response.response.dataというアクセスをしようとすることになってしまいませんか？

Answer 2

まず

<template>
  <div>
    {{resopnse.data}}
    <div id="users" v-if="???">
　  　　users
    </div>
  </div>
</template>

でresponse内に任意のデータが入っているか確認してみてはいかがでしょうか。

書き方は間違ってないような気がします。
もしかすると、半角スペースがダメかもしれません。