elementui已经封装好了 el-table 组件,只需要指定 data 数据源即可,因此通常在 vue 实例生命周期的 created 阶段,从数据库获取数据,再将返回的数据绑定到 data 如果后端同学能直接返回前端需要展示的所有数据,那么前端只需要请求一次,多么的和谐,多么完美. 然而凡事皆有例外,比如在已有的table表格增加若干列,而数据从不同的源获取,这时候再修改功能已经完善的接口显然不明智,那么前端使用同步或异步请求来获取数据是比较好的方案. 同步 例如一个文章接口只返回了文章…

方式二：采用div的话绑定a或者li的点击事件 阻止a的默认行为，用jquery的load（）能够来加载这个div，即将网页放入div中。css

方式三：angular的嵌套路由也能够实现。不过本人对angular不是很了解，因此这种方式没有去试。java

方式四：采用ajax技术，实现局部刷新。（本人以为该方式比较麻烦，就不在这细说了）。jquery

两者的实现方式：ajax

可是他有一个很差的地方就是，iframe的height要限定，这样的话对不一样需求的页面来讲就使得不能显示最佳效果。（并且iframe如今也是过期了）。事件

采用该种方式的话就是代码量也很简洁，并且div会根据网页的内容来填充，就不须要将div的height定死，让其自动填充。使得每一个网页的内容显示效果更好一点。可是它也有一个很差的方面，就是div的样式它受父级div的影响。不过你也能够对子级div进行自定义样式。

ps（我的以为仍是采用div的方式会好一点，毕竟页面的显示相当重要。）

还有就是bootstrap3.0中它有这个能够缩放的导航栏，具体使用状况能够去它官网查看文档。

效果仍是不错的。总之根据本身的须要选择不一样的导航栏加载页面方式。

补充一点：用iframe作的话，iframe对应的网页是独立的，不受该页面的样式的影响。

用div作的话，div对应的网页不是独立的，它是嵌入当前页面的，因此div里面的样式会受父级div等的样式的影响。若是div的对应页面和当前页面的css或js都不影响的话，用jquery的load加载div会更好一点。