Vue如何实现密码显示隐藏功能的详细思路，能否详细解释一下？

本文共计501个文字，预计阅读时间需要3分钟。

效果：+ 思路：+ 利用input的type属性，当type值是text时显示密码，当type值是password时隐藏密码；+ 是很容易想到用v-bind来绑定type，同时用一个布尔值来控制，+ 写成三元表达式的形式。

效果：

思路：

1. 利用input的type属性，当type值是text的时候展示密码，当type值是password的时候隐藏密码；
2. 于是很容易想到用v-bind来绑定type，同时用一个布尔值来控制，写成三元表达式的形式；
3. 加入一个图片元素，点击图标元素切换这个布尔值，就可以达到切换显示隐藏，切换布尔值的同时也切换图标。