如题，
我想实现一个显示隐藏密码的功能

<input type=... />

我希望这里的 type 能通过data里面的showPassword的真伪值设置不同的类型。比如当 showPassword 为 true，的时候 type 的值就是 “text” ，如果为 false 的时候就是 "password"

但是如果我写

<input type="{{showPassword ? 'text' : 'password' }}" />

这肯定是不对的
如果我单独为它写一个函数虽然不是不行吧……

<input type="getType()" />

<script>
//...
data() {
  return {
    showPassword: false,
  }
},
//...
getType(){
  return this.showPassword ? 'text' : 'password';
}
</script>

这样的话感觉为每一个单独的属性写一个函数似乎又不是那么的“优雅”（其实我是真的懒得打，还要现找），总之就是感觉太麻烦了……

请问有没有更优（简）雅（单）的写法？请多指教！