vue-oneday学习指令
2019-01-05 本文已影响0人
前端开发菜鸟
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
