vue项目一些常见问题

**样式污染问题**
同样的样式不需要在每个组件都复制
组件内单独的样式加外层class包裹。加scope。
否则只是style的话，就是全局样式了，会影响到其他样式。
多处都用的样式，放在common.css中。

**key值重复问题**
如果给模板中的元素设置key，需要设置成唯一的key。重复的 key 会造成渲染错误。
如果:key="index"会重复的话，加一些符号，比如其他字段，组合在一起保证key值唯一。

**尽量组件化**
比如点击按钮，弹窗，这个弹窗单独写一个组件，而不是写在同一个页面里。

在弹窗子组件内定义打开，关闭方法。父组件引用弹窗子组件，通过ref来调用子组件的开关方法。

在点击确认按钮后，再向父级组件传递事件。

**ref很好用**
通过给子组件定义的ref来调取子组件中的方法
比如dialog弹窗组件，通过ref来调用开关方法，控制弹窗显示关闭

**每个页面的信息在路由中统一设置，不在各处写死，比如页面的name，path，meta等**

注释的代码，在测试通过后，就删掉。别留下一堆注释的垃圾代码
尤其html里还会生成无用的dom