2024年Web前端最全【前端面试】面试官：说说Vue中常见的指令，2024最新阿里前端面经

最后

除了简历做到位，面试题也必不可少，整理了些题目，前面有117道汇总的面试到的题目，后面包括了HTML、CSS、JS、ES6、vue、微信小程序、项目类问题、笔试编程类题等专题。

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

  

{{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:<事件类型>="<函数名>"

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

点击事件

7.v-model指令

数据双向绑定指令，限制在 <input>、<select>、<textarea>、components中使用

语法： v-model="<变量名>"

val的值:{{val}}

val的值:{{val}}