流程
复用
用户信息的新增、编辑、查看,一般是做成三个页面。但是对需求变动频繁的项目,这样做开发成本很高。因为所有的微小变动(添加一个信息项,或者去掉一个验证)都要同时修改三个页面。
所以最好把三个页面合成一个,改起来方便。
教训:写全局样式的时候,要加上class!
比如写一个全局的 button 样式,也要加上 class 。
不加 class 有什么惨痛后果呢?
如果在开发后期引入了新的UI组件,之前写的全局样式,可能会影响到 UI组件里的 button !
- 这时,如果修改自己的 button 样式(比如添加 class 名称),那么需要给之前写的所有 button 手动添加 class,很麻烦。
- 如果不修改之前写的全局 button 样式,只能把 UI 组件中被影响的逐个修改,也很烦。如下图:
所以,一定要吸取教训:写全局样式的时候,要加上 class !
PC 端和移动端,不能用一个页面
-
样式会互相干扰
自己写的样式会互相干扰。用 jsimport
引入的 css 文件是作用于全局的。
如果因为偷懒,在同一个页面混用 elementUI 和 mintUI,会带来意想不到的问题。比如: elementUI 的弹窗el-dialog
会把 mintUI 的提示messagebox
给盖住。导致el-dialog
弹出后,messagebox
就看不到了。 -
js 体积太大了
js 有作用域,所以不会互相干扰。但是因为放到一个页面里,js 体积又变大了。移动端加载会很慢。
对于灵活的参数格式,先规范化,再使用
vue 的 props 可以是数组,也可以是对象。对使用者来说很灵活、便利,但对 Vue 来讲是个麻烦。
props:["number"],
props:{
number:{
type:Number
}
}
Vue 的处理方式是:先将 props 规范化成指定格式,再使用。
onReady
编写异步加载的插件时,要提供 onReady 方法