2024最新网易Web前端面经，Vue学习之路（基础篇，网易严选前端开发三面面经

姓名：{ {users[1].name}}

分数：{ {score}}

<input type=“button” @click=“incr(‘优秀’)” value=“点击修改分数”>

总结:

1.在使用事件时,可以直接在事件调用处给事件进行参数传递,在事件定义处通过定义对应变量接收传递的参数

• v-on传递参数案例

{ {msg}}

年龄：{ {count}}

点我每次给年龄+1

点我每次给年龄+不确定

点我每次给年龄+不确定,同时msg+“你好”

点我每次给年龄+不确定,同时msg+“你好”

---

五.v-show v-if v-bind

=======================================================================================

5.1 v-show

v-show:用来控制页面中某个标签元素是否展示

天津商业大学欢迎你的加入!

天津商业大学欢迎你的加入这是vue中定义变量true!

<input type=“button” value=“展示隐藏标签” @click=“showmsg”>

总结

1.在使用v-show时可以直接书写boolean值控制元素展示,也可以通过变量控制标签展示和隐藏

2.在v-show中可以通过boolean表达式控制标签的展示和隐藏

5.2 v-if

v-if: 用来控制页面元素是否展示

百知教育

百知教育欢迎你的加入

• v-if与v-show的区别

{ {msg}}

{ {msg}}

v-show在谷歌里面的控制台 由css实现

5.2.1:v-if&&v-show案例

{ {msg}}

{ {msg}}

<button @click=“hidenH2”>用来隐藏h2标签

<butt