什么是Vue.js

Vue.js 是目前最火的一个前端框架，React是最流行的一个前端框架（React除了开发网站，还可以开发手机App，Vue语法也是可以用于手机App开发的，需要借助于Weex）

Vue.js 是一套构建用户界面的框架，只关注视图层，它不仅易于上手，还便于与第三方库或既有项目整合。

前端的主要工作？主要负责MVC中的V这一层；主要工作就是和界面打交道，来制作前端页面效果；

为什么要学习流行框架？

企业中，使用框架，能够提高开发的效率；

提高开发效率的发展历程：原生JS——>Jquery之类的类库——>前端模板引擎——>Angular.js/Vue.js

在Vue中，一个核心的概念，就是让用户不再操作DOM元素，解放了用户的双手，让程序员可以更多的时间去关注业务逻辑；

增强自己就业时候的竞争力

框架和库的区别

框架：是一套完整的解决方案；对项目的入侵性比较大，项目如果需要更换框架，则需要重新架构整个项目。

库（插件）：提供一个小功能，对项目的侵入性较小，如果某个库无法完成某些需求，可以很容易切换到其他库实现需求。

Node（后端）中的MVC与前端中的MVVM之间的区别：

MVVM是前端视图层的分层开发思想，主要把每个页面，分成了M，V和VM。其中，VM是MVVM思想核心；因为VM是M和V之间的调度者。

M保存的是每个页面中单独的数据。

VM是一个调度者，分割了M和V，每当V层想要获取后台保存的数据时，都要由VM做中间的处理。

V就是每个页面中的HTML结构

v-cloak

当网速比较慢时,网页上出现的是代码而不是值，之后等vue解析完之后才出现值,使用v-cloak 能够解决插值表达式闪烁的问题。

v-text

v-text会覆盖元素中原本的内容，但是插值表达式只会替换自己的这个占位符，不会把整个元素内容清空，也就是说，你使用v-text，它只解析msg的内容，不会显示你其他内容。

v-html

跟v-text一样的功能，但这个可以识别html标签。

v-bind

是vue中提供的用于绑定属性的指令，简写是冒号：

v-on

Vue提供的事件绑定机制，缩写是 @

v-model

v-model 指令，可以实现表单元素和Model中数据的双向数据绑定，但只能运用在表单元素中。

v-for 遍历循环对象

vue-resoure

Vue-resoure发起get、post、jsonp请求，除了vue-resoure之外，还可以使用axios的第三方包实现数据的请求。

v-if

v-show

过滤器—filter

概念：Vue.js允许你自定义过滤器，可被用作一些常见的文本格式化，过滤器可以用在两个地方：mustachc插值和v-bind表达式。过滤器应该被添加在javaScript表达式的尾部，由“管道”符指示。

指令—directive

参数1：指令的名称,注意,在定义的时候,指令的名称前面不需要加 v- 前缀,但是在调用的时候,必须在指令名称前加上 v- 前缀来进行调用；

参数2：是一个对象,这个对象身上,有一些指令相关的函数,这些函数可以在特定的阶段,执行相关的操作。

Vue实例的生命周期

什么是生命周期：从Vue实例创建，运行，到销毁期间，总是伴随着各种各样的事件，统称为生命周期。

生命周期钩子：就是生命周期事件的别名而已；

生命周期钩子=生命周期函数=生命周期事件

主要的生命周期函数分类：
1、创建期间的生命周期函数
2、运行期间的生命周期函数
3、销毁期间的生命周期函数

Vue中的动画—transition

动画能够提高用户的体验，帮助用户更好的理解页面中的功能。

使用动画的四种方式：
1、自定义动画
2、第三方库使用动画

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />

3、钩子函数实现半场动画
4、transition-group元素实现列表动画

Vue组件—component

组件的出现，就是为了拆分Vue实例的代码量的，能够让我们以不同的组件来划分不同的功能模块，将来我们需要什么样的功能，就可以去调用对应的组件即可；

模块化：是从代码逻辑的角度进行划分的；，方便代码分层开发，保证每个代码模块单一职责。

组件化：是从UI界面的角度进行划分的；前端的组件化，方便UI组件的重用。

组件中的data

1、组件可以有自己的data数据；
2、组件的data和实例的data有点不一样，实例中的data可以是一个对象，但组件中的data必须是一个方法；
3、组件中的data除了必须为一个方法之外，这个方法内部，还必须返回一个对象才行；
4、组件中的data数据，使用方法和实例中的data使用方法完全一样。