深圳市宏博伟智科技有限公司(套题)

深圳市 2018-09-28 103
选择题 填空题 问答题 编程题 试题难度
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属性来控制的,损耗较小,频繁切换优先考虑。

  • 5、简单介绍一下element-ui
  • element-ui 是由饿了么团队开发的,基于Vue.js开发的后台管理UI框架。再国内比较受欢迎。

  • 6、请介绍一下登录的流程
  • 获取用户输入的登录信息,调用后台接口,接口通常返回一些登录信息会包括token,用来记住用户登录的凭证,以后每次调用接口都需要传递token进行验证。验证成功否,接口才会正常的返回数据。如果长时间不操作,token会在服务器销毁,需要重新登录获取新的token。

还能输入{{limitInput-companyComment.length}}个字符