第三章:Vue

第三章:Vue

  • 1.概述
  • 2.指令 v-bind&v-mode&v-on
  • 3.指令 v-if&v-show&v-for
  • 4.指令-案例
  • 5.生命周期

1.概述

第三章:Vue_第1张图片
第三章:Vue_第2张图片
第三章:Vue_第3张图片
第三章:Vue_第4张图片
第三章:Vue_第5张图片

2.指令 v-bind&v-mode&v-on

第三章:Vue_第6张图片
第三章:Vue_第7张图片
第三章:Vue_第8张图片
第三章:Vue_第9张图片
第三章:Vue_第10张图片
如果改变文本框的网页地址并且点击链接,则
第三章:Vue_第11张图片
第三章:Vue_第12张图片
第三章:Vue_第13张图片
如果是一个失去焦点事件,click改为blur
第三章:Vue_第14张图片
聚焦写focus
第三章:Vue_第15张图片
第三章:Vue_第16张图片
第三章:Vue_第17张图片
下面这个是简化写法
第三章:Vue_第18张图片

3.指令 v-if&v-show&v-for

第三章:Vue_第19张图片

v-if
第三章:Vue_第20张图片
第三章:Vue_第21张图片

v-show
第三章:Vue_第22张图片

v-if是没有代码的
v-show是有代码的额,只是通过display隐藏起来了
第三章:Vue_第23张图片
第三章:Vue_第24张图片
第三章:Vue_第25张图片
第三章:Vue_第26张图片

4.指令-案例

第三章:Vue_第27张图片
第三章:Vue_第28张图片
第三章:Vue_第29张图片
第三章:Vue_第30张图片
第三章:Vue_第31张图片
第三章:Vue_第32张图片

5.生命周期

第三章:Vue_第33张图片
第三章:Vue_第34张图片
第三章:Vue_第35张图片
第三章:Vue_第36张图片
这个方法在浏览器生命周期中是自动调用的
不需要我们进行操作
第三章:Vue_第37张图片
第三章:Vue_第38张图片

你可能感兴趣的:(JAVAWEB2,vue)