首先,咱说一下什么是vue,vue是一个渐进式javacript框架,拥有属于自己的语法
渐进式:逐渐去进步与学习,像html-css-js-nodejs循序渐进
其中也有许多的vue的命令,让我们来看看吧
插值表达式
可以实现在dom标签中, 直接插入vue数据变量;
写的时候要在data函数里面声明
v-bind
v-bind(给标签属性设置vue变量)
语法:v-bind:属性名=vue变量
可以简写为:属性名=vue变量值
v-on
v-on(给标签绑定事件)
1 v-on:事件名=少数的代码
2 v-on:事件名=methods里的函数方法
3 v-on:事件名=methods里的函数方法(带参数)
4 简写方式--@事件名=methods里的函数方法
v-on事件对象
语法:
1 没参数,用形参接收,
2 有参数,通过$event来指代事件对象传给事件处理函数
v-on修饰符
1 .stop是阻止事件冒泡
2 .prevent是阻止事件默认行为
3 .once是程序运行时,只进行一次事件的处理函数
v-on按键修饰符
1 @keydown.enter=‘methods里的方法’,点击enter才能触发方法
2 @keydown.esc=‘methods里的方法’,点击esc才能触发方法