Vue语法模板（插值，指令，动态参数，过滤器，计算属性，监听属性）

v-if油秀学员

v-show与v-if的区别?

---

当分数大于九十，两者都出现

当分数小于九十，v-show由js代码（display）隐藏，v-if html代码不存在

v-for的用法

v-if|v-else|v-else-if

分数：

油

粮

茶

v-show

v-show油秀学员

v-if油秀学员

v-for

{ {h.name}}

爱好将根据输入框输入的内容改变

checkbox复选框的写法

{ {h.name}}

v-on的用法

v-on

触发事件

<button @click=“handle”>触发事件hhh

methods: {

handle() {

alert(“触发事件”)

}

}

两个写法的按钮都可以触发事件

三、动态参数

---

从2.6.0开始，可以用方括号括起来的JavaScript表达式作为一个指令的参数

可以使用动态参数为一个动态的事件名绑定处理函数

例如：<a v-on:[evname]