首页 > 编程知识 正文

vuejs前端框架制作网页(web前端框架vue)

时间:2023-12-24 12:05:20 阅读:320094 作者:ODYA

本文目录一览:

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未来更加强大的可能性。

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。