前端的面试题

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}`)
    }
}
相关推荐
AI大法师2 分钟前
从技术角度看React和Vue:性能、生态与开发体验对比
前端
VisuperviReborn3 分钟前
打造自己的前端监控---前端流量监控
前端·设计模式·架构
前端Hardy9 分钟前
Python是怎么将Vue项目打包成桌面端应用程序的?看这篇就够了
前端·javascript·python
Spider_Man21 分钟前
物料区的“超市大冒险”:组件、遥控器与快乐星球的奇遇记 🛒🦄
前端·低代码·typescript
uppp»22 分钟前
echarts在前后端分离项目中的实践与应用
前端·javascript·echarts
之梦24 分钟前
Electron + Vue3开源跨平台壁纸工具实战(九)子进程服务(2)
前端·electron
三小河24 分钟前
css 中 inset属性 以及简单实现spinner
前端
小趴菜_25 分钟前
手把手教你用 Vue3 + LogicFlow 打造流程编排系统
前端·vue.js
MapleWan3206326 分钟前
关于统一地图组件的一些实践与思考
前端·开源
袁煦丞27 分钟前
Bitwarden+cpolar让隐私真正属于自己:cpolar内网穿透实验室第516个成功挑战
前端·程序员·远程工作