第二阶段总结
Jonathan / 2019-03-11 / 总结 / 阅读量 537

总结

  • 经过两个阶段的培训增强了领悟、创新和推断能力。
  • 掌握自学的方法,学会条理、耐心的处理和完成任务。
  • 思考方式逐渐成熟,逻辑性逐渐规范明确。

完成每个阶段的任务都能学到很多,在编程中代码不断符合规范,积累了很多代码片段。
在任务中发现问题、解决问题并总结

生命周期函数/methods/watch里面不应该使用箭头函数

vue中生命周期函数, methods, watch 自动绑定 this 上下文到实例中,因此你可以访问数据,对属性和方法进行运算。

对computed、watch、methods的认知

  1. computed属性的结果会被缓存,依赖的属性如果发生变化才会重新计算,把他当做普通属性来使用;
  2. watch属性,主要用来监听某些特定数据的变化,从而进行某些具体的业务逻辑操作,可以把他看作是computed和methods的结合体;
  3. methods方法表示一个具体的操作,主要书写业务逻辑;

关于数据的请求

如果可以的话,最好能在局部根组件里请求一次ajax数据,然后从局部根组件里把接收到的数据分别传给各个局部的子组件,而不是每个局部的子组件都发送一次ajax请求。

localStorage

可能用户会有不小的概率关闭了本地自动存储的功能,一般我们使用localStorage的时候 都要使用 try catch 代码块,这样就算用户关闭本地自动存储功能,也不会让整个代码都不能运行,只是没了这个localStorage的功能而已。

try{
  localStorage.userInfo = userInfo
} catch(e) {
  console.log(e)
}

vuex Module

Module的话,看得勉强理解,Vuex允许我们将store分割成模块(module)。每个模块拥有自己的state、mutation、action、getter、甚至是嵌套子模块。
当应用变得非常复杂时,可以使用Module避免store对象变得相当臃肿。
我觉得Module具体的应用要在复杂项目中亲自练手过才能熟练,目前还是了解。

支付宝捐赠
请使用支付宝扫一扫进行捐赠
微信捐赠
请使用微信扫一扫进行赞赏