Vue 知识整理—01-基础


一:Vue是什么?

Vue是一个JS框架。

Vue.js是一套构建用户界面的渐进式框架。

  库和框架的区别:

    ?库:提供一些 API 工具函数,体现了封装的思想,需要我们主动调用;

    ?框架:提供一套完整的解决方案,不需要主动的调用 API 按照框架的约定(规范)完成功能。

      ?主流框架(React Angular Vue)

      ?易用、灵活、高效

二:Vue做什么?

Vue的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。

  ?网站开发:适合做SPA(single page application)类型的网站开发。

    ?原理使用的技术 history.pushState()  hash 地址栏#后面的标识

  ?传统网站(多个页面组成的网站)也可以使用。

    ?传统开发模式: JQuery+RequireJS/SeaJS+artTemplate+Gulp/Grunt

  ?最大程度上解放了 DOM 操作。

三:Vue的核心特性:

  ?数据驱动视图 → 修改数据 → 视图修改 (不需要操作DOM)

  ?双向数据绑定 → 表单数据

  ?使用 M-V-VM 开发思想(MVC开发思想,分层开发思想,提高可维护性)

  ?不支持 IE8 及以下

  ?通过指令扩展了HTML,通过表达式绑定数据到HTML

  ?解耦视图与数据

  ?可复用组件

  ?虚拟DOM 

四:Vue相关链接:

  ?Vue官方文档:https://cn.vuejs.org/

  ?Vue开源项目汇总:https://github.com/opendigg/awesome-github-vue

  ?Vue.js中文社区:https://www.vue-js.com/