大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
这篇文章将为大家详细讲解有关Vue框架的常见面试题,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
在溆浦等地区,都构建了全面的区域性战略布局,加强发展的系统性、市场前瞻性、产品创新能力,以专注、极致的服务理念,为客户提供成都网站建设、网站建设 网站设计制作按需搭建网站,公司网站建设,企业网站建设,品牌网站制作,成都全网营销推广,成都外贸网站建设,溆浦网站建设费用合理。1.vue的优点答:
轻量级框架:只关注视图层,是一个构建数据的视图集合,大小只有几十 kb
;
简单易学:国人开发,中文文档,不存在语言障碍 ,易于理解和学习;
双向数据绑定:保留了 angular
的特点,在数据操作方面更为简单;
组件化:保留了 react
的优点,实现了 html
的封装和重用,在构建单页面应用方面有着独特的优势;
视图,数据,结构分离:使数据的更改更为简单,不需要进行逻辑代码的修改,只需要操作数据就能完成相关操作;
虚拟DOM:dom
操作是非常耗费性能的, 不再使用原生的 dom
操作节点,极大解放 dom
操作,但具体操作的还是 dom
不过是换了另一种方式;
运行速度更快:相比较于 react
而言,同样是操作虚拟 dom
,就性能而言, vue
存在很大的优势。
答:通过 props
答:$emit
方法
答:
共同点: 都能控制元素的显示和隐藏;
不同点: 实现本质方法不同,v-show
本质就是通过控制 css 中的 display
设置为 none
,控制隐藏,只会编译一次;v-if
是动态的向 DOM 树内添加或者删除 DOM 元素,若初始值为 false
,就不会编译了。而且 v-if
不停的销毁和创建比较消耗性能。总结:如果要频繁切换某节点,使用 v-show
(切换开销比较小,初始开销较大)。如果不需要频繁切换某节点使用 v-if
(初始渲染开销较小,切换开销比较大)。
如果你以上的都会了, 说明你 60分及格了,另外现在vue3.0出来了,找工作一般都会问到,如果你还没学好。可以去小编前端扣扣裙 519293536 交流学习,里面有很多大佬,还有前端新技术资料分享!
答:在组件中的 style
前面加上 scoped
答: keep-alive
是 Vue 内置的一个组件,可以使被包含的组件保留状态,或避免重新渲染。
答:ref="domName"
用法:this.$refs.domName
答:v-model
双向数据绑定;
v-for
循环;
v-if
v-show
显示与隐藏;
v-on
事件;v-once
: 只绑定一次。
答:vue 文件的一个加载器,将 template/js/style
转换成 js
模块。
用途:js
可以写 es6
、 style
样式可以 scss
或 less
、 template
可以加 jade
等
答:需要使用 key
来给每个节点做一个唯一标识, Diff
算法就可以正确的识别此节点。作用主要是为了高效的更新虚拟 DOM。
答:请求后台资源的模块。npm install axios —save
装好, js中使用 import
进来,然后 .get
或 .post
。返回在 .then
函数中如果成功,失败则是在 .catch
函数中。
答:v-model
用于表单数据的双向绑定,其实它就是一个语法糖,这个背后就做了两个操作:v-bind
绑定一个 value
属性;v-on
指令给当前元素绑定 input
事件。
答:assets
文件夹是放静态资源;components
是放组件;router
是定义路由相关的配置; app.vue
是一个应用主组件;main.js
是入口文件。
答:
computed
: 当一个属性受多个属性影响的时候就需要用到 computed
,最典型的栗子:购物车商品结算的时候
watch
: 当一条数据影响多条数据的时候就需要用 watch
,栗子:搜索数据
答:可以,栗子:。
关于Vue框架的常见面试题就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。