Vue 知识整理—01-基础

时间:2025-04-25 12:32:56

一: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/