Hello Vue
大约 2 分钟
什么是Vue
Vue 是一款用于构建用户界面的渐进式框架。
它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面。
如何理解框架？
什么是渐进式框架？
知乎讨论: Vue2.0 中，“渐进式框架”和“自底向上增量开发的设计”这两个概念是什么？
Web 世界是十分多样化的，不同的开发者在 Web 上构建的东西可能在形式和规模上会有很大的不同。考虑到这一点，Vue 的设计非常注重灵活性和“可以被逐步集成”这个特点。根据你的需求场景，你可以用不同的方式使用 Vue：
- 无需构建步骤，渐进式增强静态的 HTML
- 在任何页面中作为 Web Components 嵌入
- 单页应用 (SPA)
- 全栈 / 服务端渲染 (SSR)
- Jamstack / 静态站点生成 (SSG)
- 开发桌面端、移动端、WebGL，甚至是命令行终端中的界面
命令式 VS 声明式
【直接用vue demo 实现代码】，然后将如何实现，引入原生——>命令式框架——>声明式框架
01 - 获取 id 为 app 的 div 标签
02 - 将它的文本内容设置为 hello world
03 - 为其绑定点击事件
04 - 当点击被触发时弹出提示文字 ok
原生
命令式框架
声明式框架
组件化
需求
解决方案
什么是 Vue
Vue (发音为 /vjuː/，类似 view) 是一款用于构建用户界面[1]的渐进式框架。它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面。无论是简单还是复杂的界面，Vue 都可以胜任。
组件化
编程模型
为什么要学习 Vue
快速上手
参考资料
用户界面（User Interface，简称 UI，亦称使用者界面）是系统和用户之间进行交互和信息交换的媒介，它实现信息的内部形式与人类可以接受形式之间的转换。 ↩︎