我学到的一下vue使用技巧

这两天学到的vue使用技巧

  • v-if , 当封装组件的时候,用到的props,最外层最好加个v-if,防止出现cannot read property of undefined 这样的错误,如果props中数据层级比较深最好也要加v-if,理由一样。

  • 当一个响应式数据需要频繁使用时,最好用一个变量保存起来,这样可以更少的触发Object.defineProperty中的getter。

  • computed 的 对象用法, 当相应式数据修改了会导致另一个响应式数据改变时,最好加个set,这样可以更灵活的控制。

  • 当业务中需要定义一个变量,又不需要响应式的时候,没必要定义在data中,定义在created 中就行

    e.g 
    created() {
    	this.xx = xx
    }
    
  • 封装组件时,要充分考虑扩展性,即便现在的业务用不到,当成fulture来写。

  • 网络请求时,前后端约定的错误码,最好用一个变量来存,这样语义化更强,防止以后看代码的时候打自己。

    const ERROR = XX
    request(url).then(res=> {
    	if (res.code === ERROR) {
    		xxxx
    	}
    })
    
上一篇:Props中的default


下一篇:React中使用PropTypes进行类型检查