深圳市宏博伟智科技有限公司(套题)
选择题 | 填空题 | 问答题 | 编程题 | 试题难度 |
---|---|---|---|---|
0 | 0 | 6 | 0 | 比较难 |
问答题
1、组件之间的传值
答:组件之间的传值方式是这样的,我先说父组件向子组件的方式吧,就是父传子,在子组件定义props对象,可以是数组或是数组对象,在父组件使用v-bind传递,这是一种方式;另一种方式就是使用插槽,在子组件定义插槽,在父组件通过slot属性指定插槽的名称来传递;
子传父可以使用自定义事件,在子组件中使用$emit自定义事件,第一个参数是事件名称(自定义),第二个参数就是事件传递的值,在父组件使用v-bind绑定自定义事件获取数据。
组件之间的传值,简单的数据可以使用路由参数传递数据,如果数据比较多的话,那就使用状态管理的插件vuex来实现。
2、vue-axios和ajax之间的区别
答:都可以用来请求后台数据,vue-axios专用于vue.js框架,提供了非常强大的功能
1.可以拦截请求和响应
2.支持 Promise API
3、vue的指令有哪些
常用的指令有
1. v-if v-show;v-if和v-show都是用来控制元素的显示和隐藏,区别是v-if是以挂载元素来做到的,v-show是以display样式控制的。在渲染不是很频繁或是考虑代码安全时,考虑用v-if;在进行频繁渲染的情况使用v-show减少渲染的开销。
2.v-on绑定事件
3.v-model 双向绑定
4.v-bind 单向绑定
5.v-for 用于迭代遍历数组,对象,遍历数组有两个参数,第一个是item数组中的元素,第二个是index数组的下标(索引),遍历对象有三个参数,第一个参数是value,第二个是key,第三个是index。
6.v-html 以html的方式渲染,类似原生的innerHTML
7.v-text 以文本的方式渲染,类似原生的innerText
8.v-pre 跳过编译,直接显示mustache标签的内容,这个可以用于渲染vue.js代码的时候很有用
9.v-cloak 隐藏未编译的mustache标签。用于防止页面加载时mustache标签出现闪烁的现象。通常结合样式display:none一起使用。 使用important保证隐藏的效果。
按照上面的思路回答这个问题,保证你牛逼!面试官满意!
4、v-show和v-if的区别
答:两者都可以控制元素的显示和隐藏。
v-if是真正的条件渲染,频繁操作有性能的损耗
v-show 是通过css样式display属性来控制的,损耗较小,频繁切换优先考虑。