- 首先在项目中的
src/user/components目录下添加一个名为user log的用户登录组件。 - 在组件内部添加
template模板。 - 将创建的
user log in组件导入到app组件中，并在app组件的脚本部分声明该组件以便使用。 - 在
user log in组件模板中添加文本类型的input元素，使用v-model绑定数据字段用于用户名和密码输入，密码字段设为password类型。 - 添加一个登录按钮，并绑定
click事件到log in方法，此方法初步设计为在控制台输出用户名和密码数据。 - 在
app styles中新增密码字段的样式选择器。 - 测试时输入用户名和密码后点击登录，可以观察到控制台输出相应的登录信息。