1、什么是Vue.js

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

2、MVC与MVVM区别?

mvc是后端分层开发概念:

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

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

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

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

VUE复习了解-01

3、简单Demo

VUE复习了解-01

4、v-text使用

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

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

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

VUE复习了解-01

VUE复习了解-01

5、v-html使用

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

6、v-bind使用

v-bind缩写 :

用于绑定属性的指令

VUE复习了解-01

VUE复习了解-01

7、事件

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

v-on缩写@

VUE复习了解-01

VUE复习了解-01

8、事件修饰符

.stop 阻止冒泡事件。

VUE复习了解-01

 

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

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

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

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

VUE复习了解-01

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

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

9、v-model双向数据绑定

VUE复习了解-01

10、class绑定样式

VUE复习了解-01

VUE复习了解-01

 

VUE复习了解-01

VUE复习了解-01

VUE复习了解-01

11、v-for

v-for遍历普通数据

VUE复习了解-01

v-for遍历数组对象

VUE复习了解-01

v-for直接遍历对象

VUE复习了解-01

VUE复习了解-01

12、v-if v-show

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

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

 

 

相关文章:

  • 2021-08-18
  • 2021-11-01
  • 2021-07-30
  • 2022-02-08
  • 2021-10-28
  • 2021-05-31
  • 2021-11-11
  • 2021-12-24
猜你喜欢
  • 2021-12-02
  • 2021-09-18
  • 2021-06-01
  • 2021-10-06
  • 2021-09-09
  • 2021-09-15
  • 2021-04-26
相关资源
相似解决方案