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',
}
