最简单的导航栏学习跳转实例效果:
(1)index.js路由配置:
import Vue from ‘vue’
import Router from ‘vue-router’
import 服务器托管网NavMenuDemo from ‘@/components/NavMenuDemo’
import test1 from ‘@/components/test1’
import test2 from ‘@/components/test2’
import test3 from ‘@/components/test3’
Vue.use(Router)
export default new Router({
routes: [{
path: ‘/’,
name: ‘NavMenuDemo’,
component: NavMenuDemo,
children: [{
path: ‘/test1’,
name: ‘test1’,
component: test1
}, {
path: ‘/test2’,
name: ‘test2’,
component: test2
}, {
path: ‘/test3’,
name: ‘test3’,
component: test3
},]
}]
})
(2)NavMenuDemo.vue
defau服务器托管网lt-active=”1″
class=”el-menu-vertical-demo”
router
>
@click=”$router.push({ path: ‘/test1’ })”
>
导航二
@click=”$router.push({ path: ‘/test2’ })”
>
导航三
@click=”$router.push({ path: ‘/test3’ })”
>
导航四
.el-aside {
height: 100vh;
text-align: center;
}
.el-main {
background-color: #E9EEF3;
}
(3)test1.vue
1
(4)test2.vue
2
最简单的导航栏配置如上图所示,项目中的文件结构如下所示
服务器托管,北京服务器托管,服务器租用 http://www.fwqtg.net
本文旨在简明扼要说明各回收器调优参数,如有疏漏欢迎指正。 1、JDK版本 以下所有优化全部基于JDK8版本,强烈建议低版本升级到JDK8,并尽可能使用update_191以后版本。 2、如何选择垃圾回收器 响应优先应用:面向C端对响应时间敏感的应用,堆内存8G…