前端的面试题

Class 与 Style 如何动态绑定?

  • 对象语法:

    data: { isActive: true, hasError: false }
  • 数组语法:

    data: { activeClass: 'active', errorClass: 'text-danger' }

Style 也可以通过对象语法和数组语法进行动态绑定:

  • 对象语法:

    data: { activeColor: 'red', fontSize: 30 }
  • 数组语法:vue-router 路由模式有几种?

    data: { styleColor: { color: 'red' }, styleSize:{ fontSize:'23px' } }

vue-router 路由模式有几种?

vue-router 有 3 种路由模式:hash、history、abstract,对应的源码如下所示:

复制代码
switch (mode) {
  case 'history':
    this.history = new HTML5History(this, options.base)
    break
  case 'hash':
    this.history = new HashHistory(this, options.base, this.fallback)
    break
  case 'abstract':
    this.history = new AbstractHistory(this, options.base)
    break
  default:
    if (process.env.NODE_ENV !== 'production') {
      assert(false, `invalid mode: ${mode}`)
    }
}
相关推荐
胡八一3 分钟前
使用qianjkun uniapp 主应用 集成 vue微应用
前端·vue.js·uni-app
是罐装可乐25 分钟前
前端架构知识体系:css架构模式和代码规范
前端·css·代码规范·tailwind·bem·css原子化
闲不住的李先森28 分钟前
AI 基础调用实现:从原理到代码实现
前端·llm·全栈
轻语呢喃28 分钟前
async/await:从语法糖到并发优化的异步编程
前端·面试
南雨北斗30 分钟前
Vue 3 中computed的优势
前端
202632 分钟前
15.1 JSON schema- 创建基础样例
前端·javascript
ze_juejin33 分钟前
Linux查看日志常用命令总结
前端
奔赴_向往33 分钟前
Vue 中的 inheritAttrs 属性:深入理解与实战应用
前端
blueblood36 分钟前
在 Ant Design Vue 2 中隐藏 a-modal 右下角自带的确定按钮
前端·vue.js
zayyo1 小时前
深入理解 JavaScript 中的 new:工作原理、边界与最佳实践
前端