1将bootstrap的一个框架页面拆分

Vue组件bootstrap页面搭建
Vue组件bootstrap页面搭建

第一个进行拆分

Vue组件bootstrap页面搭建
Vue组件bootstrap页面搭建

复合情况的拆分

如上图所示,bootstrap的第四部分和第五部分,都放在右边的第三部分里面,

Vue组件bootstrap页面搭建
Vue组件bootstrap页面搭建
Vue组件bootstrap页面搭建
Vue组件bootstrap页面搭建

极致化主键,提取App.js

通过app.js把其他主键集中管理起来形成树形结构
Vue组件bootstrap页面搭建
app.js的整合,和上面三整合四五部分是一样的,只不过不同的是自定义的标签需要被包裹
Vue组件bootstrap页面搭建

相关文章:

  • 2019-12-02
  • 2021-12-24
  • 2021-10-24
  • 2021-11-11
  • 2022-12-23
  • 2021-11-30
  • 2022-02-01
猜你喜欢
  • 2022-02-09
  • 2021-07-13
  • 2022-02-08
  • 2022-02-09
  • 2018-08-14
  • 2021-05-05
  • 2021-11-03
相关资源
相似解决方案