前端的面试题

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}`)
    }
}
相关推荐
future141211 分钟前
项目开发日记
前端·学习·c#·游戏开发
汪子熙19 分钟前
CSS 中 td:last-child a 选择器详解
前端·javascript
北北~Simple34 分钟前
第一次搭建数据库
服务器·前端·javascript·数据库
梁辰兴34 分钟前
企业培训笔记:Vue3前端框架配置
笔记·前端框架·npm·vue·vue3·node
GanGuaGua40 分钟前
Vue3常用指令
前端·javascript·vue.js
欧阳天风40 分钟前
录音实时上传
前端·javascript
江号软件分享1 小时前
从DNS到防火墙:NetDisabler多策略断网方法详解
前端
灵犀学长1 小时前
解锁HTML5页面生命周期API:前端开发的新视角
前端·html·html5
江号软件分享1 小时前
轻松解决Office版本冲突问题:卸载是关键
前端
致博软件F2BPM1 小时前
Element Plus和Ant Design Vue深度对比分析与选型指南
前端·javascript·vue.js