本文目录一览:
vue框架是干什么的
Vue 是一套用于构建用户界面的渐进式JavaScript框架。 与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用(SPA)提供驱动。
Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件 。
Vue.js 自身不是一个全能框架——它只聚焦于视图层。因此它非常容易学习,非常容易与其它库或已有项目整合。另一方面,在与相关工具和支持库一起使用时 ,Vue.js 也能地驱动复杂的单页应用。
号称目前最火的前端框架Vue,它有什么显著特点呢?
1、Vue是什么
Vue.js 是目前最火的一个前端框架,除了可以开发网站,还可以开发手机App。
Vue.js 是前端的主流框架之一,和Angular.js、React.js 一起,并成为前端三大主流框架。
Vue.js 是一套构建用户界面的框架,只关注视图层,它不仅易于上手,还便于与第三方库或既有项目整合。
Vue.js 是一套用于构建用户界面的渐进式框架。
2、Vue的特点
遵循 MVVM 模式
编码简洁,体积小,运行效率高,适合移动/PC 端开发
它本身只关注 UI, 可以轻松引入 vue 插件或其它第三库开发项目
3、Vue与其他前端框架的关系
借鉴 angular 的模板和数据绑定技术
借鉴 react 的组件化和虚拟 DOM 技术
4、Vue的现有插件
vue-cli: vue 脚手架,用于搭建项目的骨架
vue-resource(axios): ajax 请求
vue-router: 路由
vuex: 状态管理
vue-lazyload: 图片懒加载
vue-scroller: 页面滑动相关
mint-ui: 基于 vue 的 UI 组件库(移动端)
element-ui: 基于 vue 的 UI 组件库(PC 端)
5、学习Vue的思想改变
Vue的中心思想是数据驱动,像远古时代的老前辈jQuery是结构驱动。
大家回忆下以前我们使用jQuery写代码的时候,经常是这样写的:
$("#myDiv").html("HelloWorld");
这些写法首先要获取Dom节点,也就是Dom结构,然后再修改数据更新结构的内容,使用jQuery的一个很大的目的就是为了去简化Dom的操作,而使用Vue就大不一样了,Vue的做法就是直接this.msg=HelloWorld,然后msg就会自动的同步到结构上,我们所要关心的是数据内容的改变,而不再去关心如何操作Dom结构了。
总结一句话:不要在想着怎么操作DOM,而是想着如何操作数据!!
bootstrap+vue.js做前端框架的特点
1、易于开发:bootstrap+vue.js提供了页面数据渲染模板引擎如v-ifv-for等、提供事件绑定@click等,代码清晰明了,逻辑简单,易于上手。
2、高性能:bootstrap+vue.js提出虚拟DOM概念,以及数据驱动DOM思想,减少页面渲染成本,大幅度提高性能。
3、生态完善:许多开发者提供了对bootstrap+vue.js支持的插件如ElementUI,完善bootstrap+vue.js的生态,故使用bootstrap+vue.js进行开发,遇到的难题会较少。
4、开源社区活跃:这提供bootstrap+vue.js未来更加强大的可能性。