<template> <div> <h2>Basic PasswordBox</h2> <div style="margin-bottom:20px"> <TextBox v-model="username" placeholder="Username" iconCls="icon-man"></TextBox> </div> <div style="margin-bottom:20px"> <PasswordBox v-model="password" placeholder="Password"></PasswordBox> </div> <p v-if="username">Username: {{username}}</p> <p v-if="password">Password: {{password}}</p> </div> </template> <script> export default { data() { return { username: null, password: null }; } }; </script>