什么是Vue?

定义:是尤雨溪创建的一套用于构建用户界面的渐进式框架

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加速服务,在有网络的情况下,直接引入

缺点:没有网络的时候没法使用

还有另外一种使用的方式,就是在项目模板中使用,关于这一部分内容,稍后进行讲解

双花括号:{{}}

语法: {{表达式/变量/值}}

值运算

+、-、*、/、%

逻辑运算

&&、||、!、三目运算

对象和数组

你可能感兴趣的:(什么是Vue?)