[30天 Vue学好学满 DAY30] 总结 & 完赛感言

最後一篇文,挤出了一些觉得在开发上容易踩的雷以及要注意的事情

  • 要使用、渲染的变数除了传递进入元件的,都需定义於data
  • HTML中不需使用 this
  • 生命周期mounted,实例完整建立,可进行较频繁後端请求
  • 生命周期中於updated进行操作会产生deadlock
  • 计算属性(computed)来源变数无实际异动也会触发
  • 监听器(watch)监听变数出现实际异动才进行触发
  • 物件可透过deep,深度观察,call by reference
  • false条件下,v-if不进行渲染,v-show进行渲染,但隐藏
  • 注意父子元件 prop & emit 定义,非必要prop可设定false
  • 欲监听prop参数,建议以新参数接收後在监听
  • vuex修改state要透过action & muataion,不建议直接更动
  • 子元件插槽slot控制权
  • store中action进行非同步,mutation进行同步操作
  • action、mutation引用时,因避免与元件中其他函数名称相同
  • 路由跳转得所有匹配(path: '*'),建议於最後使用
  • router params可透过prop解耦
  • axios为非同步操作,需透过then控制
  • axios-mock-adapter很多小雷可参考Day26~

其实这次是抱着50%成功的心态参加的,途中也动过好几次放弃的念头,每天加完班回家产出一篇文章真的不是一件容易的事情,/images/emoticon/emoticon01.gif,这次的笔记大概50%是原本就会而且记得的,25%是学过但忘记的,25%是真的认真看官方文件,各路大神的文章新学到的,最後在一次感谢各路大神的文章让我参考、学习,有错误请不吝指教,终於完赛拉。
/images/emoticon/emoticon11.gif/images/emoticon/emoticon11.gif/images/emoticon/emoticon11.gif/images/emoticon/emoticon11.gif


30天 Vue学好学满-笔记系列

[30天 Vue学好学满 DAY1] 参赛前言
[30天 Vue学好学满 DAY2] Vue.js介绍
[30天 Vue学好学满 DAY3] 专案建置&除错套件
[30天 Vue学好学满 DAY4] Vue-cli 基本架构
[30天 Vue学好学满 DAY5] 生命周期
[30天 Vue学好学满 DAY6] 计算属性(Computed)
[30天 Vue学好学满 DAY7] 监听器(Watch)
[30天 Vue学好学满 DAY8] v-bind
[30天 Vue学好学满 DAY9] v-if & v-show
[30天 Vue学好学满 DAY10] v-for 列表渲染
[30天 Vue学好学满 DAY11] v-on
[30天 Vue学好学满 DAY12] v-model 双向绑定
[30天 Vue学好学满 DAY13] 组件
[30天 Vue学好学满 DAY14] prop & emit-1
[30天 Vue学好学满 DAY15] prop & emit-2
[30天 Vue学好学满 DAY16] slot 插槽
[30天 Vue学好学满 DAY17] Event Bus
[30天 Vue学好学满 DAY18] Vuex-1
[30天 Vue学好学满 DAY19] Vuex-2
[30天 Vue学好学满 DAY20] Vuex-3
[30天 Vue学好学满 DAY21] Vuex-4
[30天 Vue学好学满 DAY22] Vue Router-1
[30天 Vue学好学满 DAY23] Vue Router-2
[30天 Vue学好学满 DAY24] Vue Router-3
[30天 Vue学好学满 DAY25] axios API
[30天 Vue学好学满 DAY26] axios & axios-mock-adapter
[30天 Vue学好学满 DAY27] axios-mock-adapter-2
[30天 Vue学好学满 DAY28] keep-alive 状态保留
[30天 Vue学好学满 DAY29] 番外篇-测试


<<:  【Side Project】 点菜单功能实作 - 资料库新增餐点清单

>>:  DAY15 - 处理/读取档案不可或缺的FileReader

【在 iOS 开发路上的大小事-Day17】透过 Firebase 来管理使用者 (Sign in with Google 篇) Part1

前置作业 打开专案的 Podfile,新增 Firebase/Auth、GoogleSignIn p...

企划实现(24)

使用tablatout串fragment xml程序码 <?xml version="...

Day18 model & admin建立

经过这几天跟大家介绍完model的创建後,相信大家都有一点概念了吧!(给我说有喔!) 然後在Day1...

铁人赛 Day1 -- 天哪~ 新手村的我到底该不该先学PHP !!

(以下有说错的,在劳烦各位大大告诉我,感谢各位学长姐) 其实一开始我在想说我的SQL资料库要用哪个语...

[Day30] Flutter - App Icon(final)

前言 Hi, 我是鱼板伯爵今天铁人赛的最後一天了感谢大家的支持,不知道大家对这个架构是不是有一点感觉...