2021-11-12前端开发面试题vue-007

1、什么是Vue?为什么要使用Vue?

是一个基于JavaScript的渐进式前端开发框架
Vue开发效率高,代码规范好,引入体积小,语法简单,为了提高前端项目的开发效率的运行功能才使用vue

2、什么是插值表达式?插值表达式都有哪些功能?

用来在html视图页面中,输出数据的特殊语法
插值表达式可以直接输出变量数据,可以完成简单运算符的运算操作,可以调用系统函数、可以调用自定义函数、可以使用三元表达式运算

3、如果要在页面中渲染变量message中的数据,有几种操作方式?

①插值表达式{{message}}
②v-text指令<p v-text = " message "></p>
③v-html指令<p v-html = " message "></p>
④v-once指令<p v-once>输出数据:{{message}}</p>//结合插值表达式进行一次性渲染

4、简述v-show和v-if指令的区别和联系

两个都是根据条件判断,是否渲染展示指定数据的指令
v-show:通过变量控制dsiplay:none/block完成数据的隐藏/展示
------如果一个数据在页面上频繁的在显示隐藏中切换,需要使用v-show指令
v-if:通过变量控制是否渲染加载DOM结构完成数据的隐藏展示
------如果一个数据在页面上很少切换显示隐藏显示之间的状态,可以使用v-if指令,如用户登录

5、通过class属性给指定元素添加样式,数组方式和对象方式分别怎么实现?

Vue中可以直接绑定元素的class属性,完成样式的动态赋值和控制
-->数组方式
--------><div :class = "[hasBg?bg:'',hasFont?font:'']">...</div> //三元表达式
-->对象方式
--------><div :claass = "{bg:hasBg,font:hasFont,...}">...</div>

6、简述你在项目中使用过的Vue指令以及它们的含义

v-text:用于渲染展示文本数据
v-html:用于渲染展示文本数据---并在渲染的同时解释执行标签语法
v-once:用于和展示数据的操作语法配合使用---在页面中完成一次性数据加载
v-show:用于根据条件控制元素显示隐藏(dispaly:none/block)
v-if:用于根据条件控制元素显示隐藏---同时支持程序流程控制
v-for:用于支持程序流程控制,循环渲染输出数据
v-bind:用于动态绑定目标元素的属性,将属性值进行动态数据控制
v-on:用于给目标节点添加事件控制的指令

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1、什么是Vue?为什么要使用Vue? Vue是一个基于JavaScript的渐进式的前端开发框架 主要的目的是为...
    平平无奇养花农阅读 156评论 0 0
  • 1. 解释单向数据流和双向数据绑定单向数据流: 数据流是单向的。数据流动方向可以跟踪,流动单一,追查问题的时候可以...
    小小小魔仙阅读 888评论 0 0
  • 1.社么是Vue,为什么要使用Vue Vue是一个基于JavaScript的渐进式的前端开发框架主要的目的是为了提...
    前端推土机阅读 1,231评论 0 4
  • 1、什么是侦听器? 侦听器是Vue中的一个对象,主要用于监听实例中指定变量的数据是否发生更新的处理模块,在实例中通...
    平平无奇养花农阅读 146评论 0 0
  • 1. Vue.js介绍 Vue.js是一个轻巧、高性能、可组件化的MVVM库,同时拥有非常容易上手的API; V...
    和泥巴的葫芦娃阅读 926评论 2 11