vue项目一些常见问题

vue项目一些常见问题

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

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

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

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

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

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

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

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

推荐阅读