网创优客建站品牌官网
为成都网站建设公司企业提供高品质网站建设
热线:028-86922220
成都专业网站建设公司

定制建站费用3500元

符合中小企业对网站设计、功能常规化式的企业展示型网站建设

成都品牌网站建设

品牌网站建设费用6000元

本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...

成都商城网站建设

商城网站建设费用8000元

商城网站建设因基本功能的需求不同费用上面也有很大的差别...

成都微信网站建设

手机微信网站建站3000元

手机微信网站开发、微信官网、微信商城网站...

建站知识

当前位置:首页 > 建站知识

Vue框架的常见面试题

这篇文章将为大家详细讲解有关Vue框架的常见面试题,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

创新互联客户idc服务中心,提供成都移动云计算中心、成都服务器、成都主机托管、成都双线服务器等业务的一站式服务。通过各地的服务中心,我们向成都用户提供优质廉价的产品以及开放、透明、稳定、高性价比的服务,资深网络工程师在机房提供7*24小时标准级技术保障。

1.vue的优点

答:

  • 轻量级框架:只关注视图层,是一个构建数据的视图集合,大小只有几十kb

  • 简单易学:国人开发,中文文档,不存在语言障碍 ,易于理解和学习;

  • 双向数据绑定:保留了angular 的特点,在数据操作方面更为简单;

  • 组件化:保留了react 的优点,实现了html 的封装和重用,在构建单页面应用方面有着独特的优势;

  • 视图,数据,结构分离:使数据的更改更为简单,不需要进行逻辑代码的修改,只需要操作数据就能完成相关操作;

  • 虚拟DOM:dom 操作是非常耗费性能的, 不再使用原生的dom 操作节点,极大解放dom 操作,但具体操作的还是dom 不过是换了另一种方式;

  • 运行速度更快:相比较于react 而言,同样是操作虚拟dom ,就性能而言,vue 存在很大的优势。

2.vue父组件向子组件传递数据?

答:通过 props

3.子组件像父组件传递事件?

答:$emit 方法

4.v-show 和 v-if指令的共同点和不同点?

答:

共同点: 都能控制元素的显示和隐藏;

不同点: 实现本质方法不同,v-show 本质就是通过控制 css 中的 display 设置为 none,控制隐藏,只会编译一次;v-if 是动态的向 DOM 树内添加或者删除 DOM 元素,若初始值为 false ,就不会编译了。而且 v-if 不停的销毁和创建比较消耗性能。总结:如果要频繁切换某节点,使用 v-show (切换开销比较小,初始开销较大)。如果不需要频繁切换某节点使用 v-if(初始渲染开销较小,切换开销比较大)。

如果你以上的都会了, 说明你 60分及格了,另外现在vue3.0出来了,找工作一般都会问到,如果你还没学好。可以去小编前端扣扣裙 519293536 交流学习,里面有很多大佬,还有前端新技术资料分享!

5. 如何让CSS只在当前组件中起作用?

答:在组件中的 style 前面加上 scoped

6. 的作用是什么?

答: keep-alive 是 Vue 内置的一个组件,可以使被包含的组件保留状态,或避免重新渲染。

7.如何获取dom?

答:ref="domName" 用法:this.$refs.domName

8.说出几种vue当中的指令和它的用法?

答:v-model 双向数据绑定;

v-for 循环;

v-if v-show 显示与隐藏;

v-on 事件;v-once : 只绑定一次。

9. vue-loader是什么?使用它的用途有哪些?

答:vue 文件的一个加载器,将 template/js/style 转换成 js 模块。

用途:js 可以写 es6style样式可以 scsslesstemplate 可以加 jade

10.为什么使用key?

答:需要使用 key 来给每个节点做一个唯一标识, Diff 算法就可以正确的识别此节点。作用主要是为了高效的更新虚拟 DOM。

11.axios及安装?

答:请求后台资源的模块。npm install axios —save 装好, js中使用 import 进来,然后 .get.post 。返回在 .then 函数中如果成功,失败则是在 .catch 函数中。

12.v-modal的使用

答:v-model 用于表单数据的双向绑定,其实它就是一个语法糖,这个背后就做了两个操作:v-bind 绑定一个 value 属性;v-on 指令给当前元素绑定 input 事件。

13.请说出vue.cli项目中src目录每个文件夹和文件的用法?

答:assets 文件夹是放静态资源;components 是放组件;router 是定义路由相关的配置; app.vue 是一个应用主组件;main.js 是入口文件。

14.分别简述computed和watch的使用场景

答:

  • computed : 当一个属性受多个属性影响的时候就需要用到computed ,最典型的栗子:购物车商品结算的时候

  • watch : 当一条数据影响多条数据的时候就需要用watch ,栗子:搜索数据

15.v-on可以监听多个方法吗?

答:可以,栗子:

关于Vue框架的常见面试题就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。


网页题目:Vue框架的常见面试题
转载来源:http://bjjierui.cn/article/jspise.html

其他资讯