前端的面试题

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}`)
    }
}
相关推荐
烛阴1 分钟前
XPath 进阶:掌握高级选择器与路径表达式
前端·javascript
小鱼小鱼干4 分钟前
【JS/Vue3】关于Vue引用透传
前端
JavaDog程序狗6 分钟前
【前端】HTML+JS 实现超燃小球分裂全过程
前端
独立开阀者_FwtCoder11 分钟前
URL地址末尾加不加 "/" 有什么区别
前端·javascript·github
独立开阀者_FwtCoder14 分钟前
Vue3 新特性:原来watch 也能“暂停”和“恢复”了!
前端·javascript·github
snakeshe101015 分钟前
优化 Mini React:实现组件级别的精准更新
前端
前端小盆友16 分钟前
从零实现一个GPT 【React + Express】--- 【2】实现对话流和停止生成
前端·gpt·react.js
京东云开发者21 分钟前
行云前端重构之路:从单体应用到 Monorepo 的血泪史
前端
whale fall23 分钟前
npm install安装不成功(node:32388)怎么解决?
前端·npm·node.js
疯狂动物城在逃flash33 分钟前
数据库入门:SQL学习路线图与实战技巧
前端