2018-10-17工作日報
阿新 • • 發佈:2018-11-06
上午
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的填寫。