企业应用开发——前端vux的使用教程
作者:互联网
1.前端框架介绍
A)前端框架有
- React Facebook
- Angular Google
- Vue 全世界
B)Angular、Vue、React的区别
Vue与React
- React与Vue 都采用虚拟DOM
- 核心功能都在核心库中,其他类似路由这样的功能则由其他库进行处理
- React的生态系统更庞大,由ReactNative来进行混合App开发; Vue更轻量
- React由独特的JSX语法; Vue是基于传统的Web计数进行扩展(HTML、CSS、JavaScript),更容易学习
Vue与Angular
- Angular1和Angular2以后的版本 是完全不同的两个框架; 一般Angular1被称作Angular.js,
- Angular之后的版本被称作 Angular
- Vue与Angular的语法非常相似
- Vue没有像Angular一样深入开发,只保证了基本功能。 Angular过于笨重
- Vue的运行速度比Angular快得多
Angular的脏检查机制带来诸多性能问题
2.什么是Vue(what):
- Vue 是一套用于构建用户界面的渐进式框架
- 使用Vue框架,可以完全在浏览器端渲染页面,服务端只提供数据
- 使用Vue框架可以非常方便的构建 单页面应用 (SPA)
Vue与JQuery的区别:
- jQuery 仍然是操作DOM的思想, 主要jQuery 用来写页面特效
- Vue是前端框架(MVVM) ,对项目进行分层。 处理数据
Vue优点:
- 不存在依赖
- 轻便(25k min)
- 适用范围广(大中小型项目、PC、移动端、混合开发)
- 本土框架,社区非常活跃
- 语法简单、学习成本低
- 双向数据绑定(所见即所得)
3.多页面应用与单页面应用
A)多页面应用(MultiPage Application,MPA)
- 多页面跳转刷新所有资源,每个公共资源(js、css等)需选择性重新加载,常用于 app 或 客户端等
B)单页面应用(SinglePage Web Application,SPA)
- 只有一张Web页面的应用,是一种从Web服务器加载的富客户端,单页面跳转仅刷新局部资源 ,公共资源(js、css等)仅需加载一次,常用于PC端官网、购物等网站
4.Vue入门
A)安装
- 方式一:直接
开发环境版本 https://vuejs.org/js/vue.js 包含完整的警告和调试模式
生成环境版本 https://vuejs.org/js/vue.min.js 删除了警告、进行了压缩
- 方式二:CDN
https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.min.js https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js
以手动指定版本号
- 方式三:NPM
在用 Vue 构建大型应用时推荐使用 NPM 安装[1]。NPM 能很好地和诸如 webpack 或 Browserify 模块打包器配合使用。同时 Vue 也提供配套工具来开发单文件组件。
npm install vue
- 方式四:构建工具 (CLI)
npm install -g @vue/cli
vue create my-project
标签:教程,Vue,js,React,企业应用,vue,Angular,vux,页面 来源: https://blog.csdn.net/qq_39469721/article/details/90083042