VUE复习了解-01

1、什么是Vue.js

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

2、MVC与MVVM区别？

mvc是后端分层开发概念：

model层，主要处理业务逻辑和与持久层交互处理。

view层：视图层，用户直观显示的界面与之交互。

controller层：控制器，负责从视图读取数据，控制用户输入，并向模型发送数据。

mvvm：是前端视图层的概念，主要关注于视图层，mvvm把前端的视图层，分为了三部分Model，View，ViewMode，ViewModel是MVVM的思想核心。因为VM是M和V之间的调度者。双向数据绑定就是由VM提供的。

3、简单Demo

4、v-text使用

v-text默认没有闪烁问题，v-text会覆盖元素中的原本的内容。

{{}} 插值表达式，只会覆盖插值表达式的值。插值表达式存在闪烁问题。

解决插值表达式闪烁问题：v-cloak

5、v-html使用

将数据中html标签解析，并显示出来。

6、v-bind使用

v-bind缩写 :

用于绑定属性的指令

7、事件

v-on:【选择不同的事件类型】

v-on缩写@

8、事件修饰符

.stop 阻止冒泡事件。

 

.prevent阻止默认事件，举例<a>标签 使用@click  不阻止会执行href

<a href="#" @click.prevent="add()">默认事件</a>

.capture使用捕获形式【默认是冒泡 捕获先执行外层事件，后执行内层事件】

注意：使用.capture格式，必须加载到外部方法体上，点击内部方法，先执行外部方法，后执行内部方法。

.self只有点击当前元素时，才会触发函数。也可以解决冒泡事件，必须添加外部方法上。

.once事件只触发一次事件。

9、v-model双向数据绑定

10、class绑定样式

 

11、v-for

v-for遍历普通数据

v-for遍历数组对象

v-for直接遍历对象

12、v-if v-show

v-if:每次都会重新删除或者创建元素。

v-show:每次切换元素的display：none 样式。