Vue-简介

什么是Vue？

Vue.js是一个渐进式的JavaScript框架，它被设计为可以自底向上逐步应用,主要聚焦于视图层,并且易于与其他库或已存在的项目进行集成，渐进式是指由浅入深到复杂体积小,运行效率高,双向数据绑定，生态丰富，学习成本低。

---

Vue的特点

• 渐进式 ：Vue.js 被设计为从网页嵌入的视图逐步过渡到单页应用(SPA)。它的核心库只关注视图层,易于上手和集成到其它项目中。也可以通过加载相应的视图库和其它库,为complicated单页应用提供支持。

• 虚拟DOM ：Vue.js 使用虚拟DOM来优化渲染过程。通过建立虚拟DOM树来追踪数据在视图中的变化,最小化操作DOM的代价,从而提高渲染性能。

• 响应式设计：Vue.js 利用了基于依赖追踪的观察者模式,数据模型只需通知关联的视图组件进行更新。这种细粒度数据响应特性可以精确高效地更新视图。

• 组件化： Vue.js 的核心是可复用的视图组件。它提供了class风格的组件化编程模型,集中于视图渲染部分,方便进行单元测试。

• 模块化 ：Vue.js 本身只关注视图渲染,很容易和其它模块或现有项目整合,如路由、状态管理等。Vue社区中已有许多优秀的生态辅助模块。

• 良好的过渡效果 ：Vue.js 生来可以更简单平滑实现视图过渡和动画效果,并提供了多种方式来应用过渡效果。

• 优秀的文档： Vue.js 提供翔实的文档,并有活跃的社区,生态圈发展蓬勃。Vuex、Vue Router、Vue CLI等重要附属模块官方都有详细的文档。

---

Vue官网

Vue.js - 渐进式 JavaScript 框架 | Vue.jsVue.js - 渐进式的 JavaScript 框架https://cn.vuejs.org/Vue.js - The Progressive JavaScript Framework | Vue.jsVue.js - The Progressive JavaScript Frameworkhttps://vuejs.org/

---

如何使用Vue？

• NPM

• CDN

<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>

• 下载源代码

生产版本（删除了警告）：https://v2.cn.vuejs.org/js/vue.min.jshttps://v2.cn.vuejs.org/js/vue.min.js

开发版本（完整的警告和调试模式 => 推荐）：https://v2.cn.vuejs.org/js/vue.jshttps://v2.cn.vuejs.org/js/vue.js

---