Vue 边角料笔记

1. watch 无法检测到 数据变化

prop: {
    action: {
        type: String,
        default: 'Add'
    }
},
watch: {
    action: {
        immediate: true,    // 这句重要
        handler (val) {
            console.log('action Value:' + val);
        }
    }
}

参考链接

2. css 穿透 scope

https://juejin.im/post/5cb6dcdbf265da03b36edf4a

• 虽然在项目中使用过 >>> 这种方式来穿透，但是不建议

3. 最近被问到vue-router mode的几种枚举，然后只记得history了。

• 类型: string
• 默认值: "hash" (浏览器环境) | "abstract" (Node.js 环境)
• 可选值: "hash" | "history" | "abstract"
  配置路由模式:
  • hash: 使用 URL hash 值来作路由。支持所有浏览器，包括不支持 HTML5 History Api 的浏览器。
  • history: 依赖 HTML5 History API 和服务器配置。查看 HTML5 History 模式。
  • abstract: 支持所有 JavaScript 运行环境，如 Node.js 服务器端。如果发现没有浏览器的 API，路由会自动强制进入这个模式。
    https://router.vuejs.org/zh/api/#routes
    

4. inject / provide

vue 版本的依赖注入
https://cn.vuejs.org/v2/api/index.html#provide-inject

5. keep-alive include/exclude

如果keep-alive的include/exclude不生效时，不妨检查一下 传入的name。应该是组件内的name，而不是写在路由中的name。

export default {
  name: 'demo',
}

6. axios get / put / delete 请求的请求头中 Content-Type消失

解决方案:
https://www.cnblogs.com/gxsyj/p/10697593.html