Solutions for components that dynamically load indeterminate quantities and content in Vuejs

When doing a portal project, the customer needs to be personalized, each person enters the home page can be customized page display of the section

To display random n components in 4.5 components, in the order in which each person chooses. The demand is over, the next solution:

Html:

<id= "app">  <:is= "Item"  v-for= "Item in Items  ": Key= "item"></  Component></div>

Js:

Const A = {Template: ' <div>A</div> '= {Template: ' <div>B</div> '= {Template: ' <div>C</div> '= {Template: ' <div>D</div> ' }new  Vue ({      ' #app ',      data: {          items: [A,b,d]      }, components      : {          A, B, C, D, E      }})    

Is alive so that only the A,b,d three components are displayed, and the C components are not displayed, and the order is in array order. The implementation effect has not been verified, but it should be in the near future.

Solutions for components that dynamically load indeterminate quantities and content in Vuejs