企业应用开发——前端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前端框架
vue官方文档