Vuejs基础

Vue.js是什么#

• Vue.js（读音 /vjuː/，类似于 view） 是一套构建用户界面的渐进式框架。
• 与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，它不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与单文件组件和 Vue 生态系统支持的库结合使用时，Vue 也完全能够为复杂的单页应用程序提供驱动。

vue的特点#

• 核心只关注视图层(view)
• 易学，轻量，灵活
• 适用于移动端项目
• 渐进式框架

框架和库#

• 框架 (vue的核心是库，但是我们用的时候，用的就是他的框架了)

  总结<拥有完整的解决方案>，我们写好，人家调用我（被动）

• 库

  • jquery
  • underscore模板库(模板引擎)
  • zepto
  • animate.css动画库

• 总结:

• 共同点<要用的时候> 直接调用一下即可

• 人家写好，我们调用他（主动）

渐进式(渐进增强<低版本不支持>，做成支持的，让高版本的更炫更支持)#

• vue全家桶
  • 核心
  • vue-router 可以帮我们实现一个单页应用
  • vuex 状态管理，可以帮我们完成组件化开发
  • axios 用来获取数据的
• 通过组合完成一个完整的框架

渐进式的理解

• 声明式渲染(无需关心如何实现)
• 组件系统
• 客户端路由(vue-router)
• 大规模状态管理(vuex)
• 构建工具(vue-cli)

vue的两个核心点#

• 响应的数据变化

  • 当数据发生改变->视图自动更新

• 组合的视图组件

  • ui页面映射为组件树
  • 划分组件可维护、可复用、可测试

MVVM模式<双向绑定>(angular、vue框架)#

• M
• V
• viewModel视图模型

MVC模式<单向>(backbone框架)#

• M
• V
• C

vue优点#

• 数据驱动(主要操作的是数据,几乎不直接操作dom)

如何安装vue#

• 1. 通过bower 安装bower: npm install bower -g mac本: sudo npm install bower -g 查看vue的版本 ： bower info vue 安装vue：bower install vue@1.0.28
• 2. 通过npm安装 通过npm: npm install vue 通过npm全局安装: npm install vue -g