vue的命令的使用(一)

128 阅读1分钟

首先,咱说一下什么是vue,vue是一个渐进式javacript框架,拥有属于自己的语法

渐进式:逐渐去进步与学习,像html-css-js-nodejs循序渐进

其中也有许多的vue的命令,让我们来看看吧

插值表达式

可以实现在dom标签中, 直接插入vue数据变量; 写的时候要在data函数里面声明 image.png

v-bind

v-bind(给标签属性设置vue变量)

语法:v-bind:属性名=vue变量

可以简写为:属性名=vue变量值

image.png

v-on

v-on(给标签绑定事件)

1 v-on:事件名=少数的代码

2 v-on:事件名=methods里的函数方法

3 v-on:事件名=methods里的函数方法(带参数)

4 简写方式--@事件名=methods里的函数方法

image.png

v-on事件对象

语法:

1 没参数,用形参接收,

2 有参数,通过$event来指代事件对象传给事件处理函数 image.png

v-on修饰符

1 .stop是阻止事件冒泡

2 .prevent是阻止事件默认行为

3 .once是程序运行时,只进行一次事件的处理函数

v-on按键修饰符

1 @keydown.enter=‘methods里的方法’,点击enter才能触发方法

2 @keydown.esc=‘methods里的方法’,点击esc才能触发方法

image.png