綜述
一般的茬高,有的控件涉及到一些內(nèi)部數(shù)據(jù)處理勇婴,因此將其封裝,然后由外部去使用怜森。這樣更符合高內(nèi)聚低耦合的宗旨殿雪,使用的代碼量小暇咆,維護(hù)起來(lái)頁(yè)比較方便。現(xiàn)在就拿日期選擇控件舉例
封裝子模塊
1)使用this.$emit將數(shù)據(jù)拋給外部
例如this.$emit('change', val)冠摄, 外部通過(guò)監(jiān)聽(tīng)這個(gè)事件就可以獲取到那個(gè)參數(shù)值
2)外部如果要調(diào)用子模塊的方法糯崎,可以通過(guò)ref來(lái)構(gòu)建一個(gè)引用變量來(lái)調(diào)用
3)外部可以通過(guò)prop來(lái)注入初始化信息
例如子模塊在props中定義一個(gè)msg屬性,外部可以通過(guò):msg="初始化變量"傳入進(jìn)來(lái)