Vue 知识整理—01-基础

Vue.js框架详解
本文深入解析Vue.js,一款用于构建用户界面的渐进式框架。介绍其核心特性,包括数据驱动视图、双向数据绑定、M-V-VM开发思想等,并对比库与框架的区别。同时,探讨Vue在SPA及传统网站开发的应用,以及它如何简化DOM操作。

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

 

转载于:https://www.cnblogs.com/zhangyan1205/p/10692495.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值