Vue.js课后练习（登录注册和大小比较）

第一题

请编写登录页面和注册页面，通过动态组件实现动态切换页面中显示的组件，效果如图1和图2所示。

图1  登录页面

                                                                   图2 注册页面

代码：

my.vue代码:

you.vue代码：

father.vue代码：

 运行结果：

第二题 

编程题1（请填写代码和运行结果截图）

请实现一个比较2个数大小的页面，当输入2个数字后，单击“比较”按钮后自动比较这2个数的大小，页面效果参考图1。比较数字大小结果显示的页面效果参考图2。

图1  比较2个数字大小的页面效果

图2 比较数字大小结果显示的页面效果

diyiti.vue代码：

运行结果：

今天就分享到此，感谢预览~