1. 程式人生 > >2018-10-17工作日報

2018-10-17工作日報

上午

1.學習慕課網裡的“設計模式”課程,
在這裡插入圖片描述

2.和開發溝通了新頁面的傳值問題和舊頁面的修改問題,具體修改得產品確定之後才能進行改動

3.學習vue中子元件向父元件傳值的問題中遇到了坑,全域性註冊的時候,
正確的程式碼如下

Vue.component('bl-button', {
  template: `<button @click="$emit('click-focus')">click</button>`
})

要注意其中的雙引號巢狀單引號的寫法,任何一個寫錯都會報錯。

4.vue中區域性註冊非同步載入元件的用法,

當使用區域性註冊的時候,你也可以直接提供一個返回 Promise 的函式:
new Vue({
  // ...
  components: {
    'my-component': () => import('./my-async-component')
  }
})

下午

5.vue中的邊界情況
常常有子元件直接通過dom和父元件進行傳遞資料的情況,和 $root 類似,$parent 屬性可以用來從一個子元件訪問父元件的例項。它提供了一種機會,可以在後期隨時觸達父級元件,以替代將資料以 prop 的方式傳入子元件的方式。

在絕大多數情況下,觸達父級元件會使得你的應用更難除錯和理解,尤其是當你變更了父級元件的資料的時候。當我們稍後回看那個元件的時候,很難找出那個變更是從哪裡發起的。 因此在絕大多數情況下,我們強烈推薦使用 Vuex 來管理應用的狀態。

6.詢問同事後知道了使用mock模擬資料和我自己在具體js裡模擬資料的異同,作為Mock是封裝過的一個外掛,在元件化的專案裡,當不需要模擬的時候,只需要註釋掉引用Mock的程式碼即可。相同點則是都需要根據後端給出的介面文件進行模擬json的填寫。