Web前端最全【前端面试】面试官：说说Vue中常见的指令，最新web前端面试合集下载

最后

我可以将最近整理的前端面试题分享出来，其中包含HTML、CSS、JavaScript、服务端与网络、Vue、浏览器、数据结构与算法等等，还在持续整理更新中，希望大家都能找到心仪的工作。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

篇幅有限，仅展示部分截图：

})

3.v-for指令

v-for可用来遍历数组、对象、字符串。

用法：v-for=“（循环变量，索引值）in 目标数据” ：key=“id”

{{att}}:{{val}}

{{index}}:{{val}}

{{astr}}

4.v-html，v-text 指令

内容渲染指令：

v-text 会覆盖标签内部原有的内容

｛｛｝｝差值表达式 可以解决v-text覆盖问题 在实际开发中使用最多。

v-html 可以把带有标签的字符串渲染成真正的html内容

v-text和v-html都是输出为文本

{{innerHtml}}

5.v-bind指令

如果给属性赋值，那么可以使用v-bind。是用于给标签内的属性赋值，在标签的属性中直接加双括号会被当作字符串。

用法：<属性>="<变量>"

"{{innerHtml}}"

"{{innerHtml}}"

6.v-on指令

v-on用于事件绑定

语法: v-on:<事件类型>="<函数名>"

简写：@<事件类型>="<函数名>"

点击事件