定义:是尤雨溪创建的一套用于构建用户界面的渐进式框架
1.轻量级框架
2.只关注视图层,是一个构建驱动的实体图集合,大小只有几十个kb
3.简单易学
4.国人开发,中文文档,不存在语言障碍,易于理解与学习
5.双向数据绑定
6.保留了angular的优点,在数据操作方面变得更为简单,极大地解放了dom操作
7.组件化
8.保留了react框架的优点,实现html的封装,中庸,在构建单页面应用方面有独特的优势
9.视图,数据,结构分离
10.虚拟DOM
11.使得数据的更改变得非常简单,不需要进行逻辑代码的修改,只需要操作数据就能够完成相关的操作
12.dom操作是非常耗费性能的,虚拟dom不再使用原生的dom操作节点,极大解放dom操作
13.运行速度更快
14.相比较react而言,同样都是操作虚拟dom,就性能而言,vue存在很大的优势
vue中心密钥
它是渐进的,没有强主张,你可以在原有大系统的上面,把一两个组件改用它实现,当jQuery用;也可以整个用它全家桶开发,当Angular用;还可以用它的视图,搭配你自己设计的整个下层用。你可以在底层数据逻辑的地方用OO和设计模式的那套理念,也可以函数式,都可以,它只是个轻量视图而已,只做了自己该做的事,没有做不该做的事,仅此而已。渐进式的含义,我的理解是:没有多做职责之外的事。
vue的基础
Vue是一个构建用户界面的框架(库),它的目标是通过尽可能简单的api实现响应的数据绑定和组合的视图集合
Vue自身不是一个全能框架的核心是只关注视图层,因此它非常容易学习,非常容易与其它库或已有项目整合
Vue自身不是一个全能框架的核心是只关注视图层,因此它非常容易学习,非常容易与其它库或已有项目整合
vue的特点
响应的数据绑定/响应式编程
组件化
响应的数据绑定/响应式编程
MVVM
★★★★★MVVM大致分为3个部分
1. M: model,模型,在这里指的是数据模型
2. V: view,视图,在这里指的就是我们写的页面
3. VM ViewModel,是数据模型和视图连接的纽带(桥梁)
MVVM是一种开发模式(由微软提出的一种开发模式),在这种模式中,Model用纯JavaScript对象表示,View负责显示,这样两者就做到了最大限度的分离。
而把Model和View关联起来的就是ViewModel。ViewModel负责把Model的数据同步到View显示出来,还负责把View的修改同步回Model。
引入Vue.js
使用本地的vue.js
缺点:需要提前进行下载 使用的时候受本地路径的限制,如果路径引入错误,会报错
也可以使用cdn加速服务,在有网络的情况下,直接引入
<script src="https://unpkg.com/vue/dist/vue.js"></script>
缺点:没有网络的时候没法使用
还有另外一种使用的方式,就是在项目模板中使用,关于这一部分内容,稍后进行讲解
双花括号:{{}}
语法:<any> {{表达式/变量/值}} </any>
值运算
+、-、*、/、%
逻辑运算
&&、||、!、三目运算
对象和数组