9、SPA项目开发之动态树+数据表格+分页

目录

1.树形菜单功能实现

2.书籍列表查询

---

1.树形菜单功能实现

<template>
	<el-container class="main-container">
		<el-aside v-bind:class="asideClass">
			<LeftNav></LeftNav>
		</el-aside>
		<el-container>
			<el-header class="main-header">
				<TopNav></TopNav>
			</el-header>
			<el-main class="main-center">
        <router-view></router-view>
      </el-main>
		</el-container>
	</el-container>
</template>

<script>
	// 导入组件
	import TopNav from '@/components/TopNav.vue'
	import LeftNav from '@/components/LeftNav.vue'

	// 导出模块
	export default {
		components:{
      TopNav,LeftNav
    },
    data(){
      return {
        asideClass:'main-aside'
      }
    },
    created(){
      this.$root.Bus.$