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
原文地址：https://blog.csdn.net/qq_39469721/article/details/90083042
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。