Vue介绍及入门案例

最新推荐文章于 2024-07-24 12:54:56 发布

MIss.Fan

最新推荐文章于 2024-07-24 12:54:56 发布

阅读量2.3k

点赞数 3

分类专栏： vue 文章标签： java

本文链接：https://blog.csdn.net/weixin_43814195/article/details/84564725

版权

本文介绍了前端开发的演进，从静态HTML到JavaScript、Ajax，再到MVVM模式的Vue框架。Vue是一款MVVM模式的渐进式框架，允许开发者像使用jQuery一样简单地开始，并提供了官方文档和入门教程。在快速入门部分，详细阐述了如何创建Vue工程，如何安装Vue，以及通过一个简单的案例展示了Vue的双向绑定和事件处理功能。

摘要由CSDN通过智能技术生成

1.前言

前端开发模式的发展。

Vue

)

静态页面

最初的网页以HTML为主，是纯静态的网页。网页是只读的，信息流只能从服务的到客户端单向流通。开发人员也只关心页面的样式和内容即可。

异步刷新，操作DOM

1995年，网景工程师Brendan Eich 花了10天时间设计了JavaScript语言.
随着JavaScript的诞生，我们可以操作页面的DOM元素及样式，页面有了一些动态的效果，但是依然是以静态为主。
ajax盛行：
- 2005年开始，ajax逐渐被前端开发人员所重视，因为不用刷新页面就可以更新页面的数据和渲染效果。
- 此时的开发人员不仅仅要编写HTML样式，还要懂ajax与后端交互，然后通过JS操作Dom元素来实现页面动态效果。比较流行的框架如Jquery就是典型代表。

MVVM，关注模型和视图–相当于后端的MVC，但是前端的MVVM比MVC强大**

2008年，google的Chrome发布，随后就以极快的速度占领市场，超过IE成为浏览器市场的主导者。
2009年，Ryan Dahl在谷歌的Chrome V8引擎基础上，打造了基于事件循环的异步IO框架：Node.js。
- 基于时间循环的异步IO
- 单线程运行，避免多线程的变量同步问题
- JS可以编写后台diamante，前后台统一编程语言
node.js的伟大之处不在于让JS迈向了后端开发，而是构建了一个庞大的生态系统。
2010年，NPM作为node.js的包管理系统首次发布，开发人员可以遵循Common.js规范来编写Node.js模块，然后发布到NPM上供其他开发人员使用。目前已经是世界最大的包模块管理系统。
随后，在node的基础上，涌现出了一大批的前端框架：