今天我们学习一下vue里经常用到的各种指令。
v-html指令与v-bind指令
文本插值{
{ }}将代码原样展示,v-html指令将html代码解析之后展示。看下例:
data里变量的定义:
最后浏览器效果如下:
上边的两个跳转链接都能点击后跳到对应的地址,v-bind指令可以缩写为:,也就是说这里可以缩写为< a :href=“website” target="_blank">跳转前往百度
v-on指令与修饰符
按钮的事件我们可以使用 v-on 监听事件,并对用户的输入进行响应。@是语法糖写法,v-on 可以接收一个定义的方法来调用。v-on:可以省略写成@,比如v-on:click可以写成@click,再比如v-on:focus可以写成@focus.
data里定义变量age的值,如下