vue-oneday学习指令

1vue学习目标

image.png

2,vue介绍

image.png

3,vue的基本使用

image.png

4,vue的指令学习

image.png

5,v-text="mes"和{{mes}

image.png

}

6text不会解析标签

简写的不简写都一样的效果

image.png

7v-html没有简写的方式

{{差值表达式和胡子语法}}

v-On指令的使用

image.png

逻辑比较简单的省略事件声明直接写逻辑代码
this不用写

8vue的注意点

1,不能使用html或者body标签 会报错

2, image.png

3,vue中的this指向

image.png
image.png
image.png
image.png

9vue的事件修饰符

1,一个小案例,输入框中输入内容然后回车

image.png image.png image.png