Vue.js初识

Vue.js

步骤

1. 引入Vue文件
2. 创建Vue实例

var vm = new Vue({
  el:'	',	//区域
  data:'	',	//存放数据
  methods:'	'	//可用方法
})

VUE到底是什么

• Vue最火的前端框架， React最流行的前端框架(React 除了开发网站之外，还可以开发app；Vue也可以进行app，要借助其他工具)
• Vue.js React.js Angular.js 作为前端的三大主流框架
• Vue就是构建用户界面(UI)的框架 ，只关注视图层(MVC),容易上手， 便于整合
• 前端主要工作 就是MVC中V , 和界面打交道 ，来制作前端页面

学习流行框架

• 企业讲究效率 流行框架可以提高开发效率

开发效率的发展历程

​ 原生js —1---> jquery之类的类库 --------2-------> 前端模板引擎 --------3------- > 框架

• 1
  • 1.简化代码量
  • 2.jq帮助我们解决兼容性问题
• 2
  • 1.简化代码量
  • 2.更好的帮助我们去渲染数据
• 3
  • 1.能够减少很多DOM操作
  • 2.提高渲染效率
  • 3.双向数据绑定的概念
  • 核心目的 让程序员的关注点旨在数据的业务逻辑上 不需要关心DOM如何渲染的

类库和框架的区别

框架: 软件的半成品 是一套完整的解决方案 对项目侵入性较大

类库 提供某一部分功能 对项目侵入性较小

MVVM

• ViewModel：数据双向绑定
• 场景：
  • 针对具有复杂交互逻辑的前段应用
  • 提供基础的架构抽象
  • 通过Ajax数据持久化，保证前端用户体验