使用VUE实现用户登陆功能和列表展示功能(一)

导入：为什么要使用VUE？

前端开发人员的首选入门框架，Vue 有很多优势：

• Vue.js 可以进行组件化开发，使代码编写量大大减少，开发者更加易于理解。

• Vue.js 最突出的优势在于可以对数据进行双向绑定（在之后的编写中我们会明显地感觉到这个特点的便捷）。

• 使用 Vue.js 编写出来的界面效果本身就是响应式的，这使网页在各种设备上都能显示出非常好看的效果。

• 相比传统的页面通过超链接实现页面的切换和跳转，Vue 使用路由不会刷新页面。

通过VUE，我们可以实现Model 和 View之间的交互的双向性， 因此View 数据的变化会同步到Model中，而Model 数据的变化也会立即反应到View 上，这就是大名鼎鼎的双向数据绑定，也称为MVVM开发模式。

MVC软件开发模式和MVVM软件开发模式有啥区别呢？

• MVC开发模式一般用于后端应用开发

• MVVM开发模式一般用于前端应用开发

需求分解：
1、绘制html
2、通过双向绑定的技术，同步获取文本框内容并输出到页面上

示例图: