Engineering notes

(1) Home - Select the icon Icons Regional Development

 

Note: It should add logical operation, when the page is loaded, iconsThe traversed, and to calculate the number of icon dynamically, push the results to a two-dimensional array

 

　　

 

 

 

 

(2) axios interface call with mock data simulation

　　

 

 

 　　

 

 

 　　

 

(3) Analog call interface data --- written json analog data

 

 

 

 

 

 

 

 

 

 

 

 

 

 

(4) vue-router Jump

 

 

 

(5) Vuex conceptual diagram

　　The common data store to a plurality of components of the warehouse, when altered, alter other components also will facilitate data state management.

　　

 

 　　

(6) Vuex helper

Consists mainly mapState , mapGetters , mapActions , etc. If you prefer not to use "page on the this. $ Stroe.state.count " and " the this. $ Store.dispatch ( 'funname') " This wording is very long, you can use mapState , mapGetters , mapActions would not be too much trouble;

 

 

 

(7) ... mapActions mapping actions

 

 

（8）...mapGetters映射getters

 

 

（9）动态路由

 

 

 

 

 

 

 

 

 

 

（10）项目详情页+动态路由传参

 

 

 

 　　

 

 　　

 

 　　

 

 　　

 

 

（11）Header导航组件+“渐隐渐显”效果

 

 　　

 

 　　

 

　　 

 

 

 

 

 

（12）项目详情页--显隐动画公用组件

 

 

 

 　　

 

　　 

 

 

 

 

（13）组件name属性作用

 

 

 

 

（14）

 

.