什么是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 Framework
https://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