path: '/join/son2',
name: 'son2',
component: son2
}
] },
{
path: '/list',
name: 'list',
component: list
},
{
path: '/news',
name: 'news',
component: News
},
{
path: '/products',
name: 'products',
component: Products
}
]})
接下来就是在每一个模块文件中加入这样的一句话暴露出去：
<script>
export default {
name: 'about' ---自定义模块名字
}
</script> 在app中我们可以这样写：
<template>
<div id="app1" class="pagebox">
<div style="clear:both;"></div>
<ul class="index-tap">
<li><router-link to="/main">首页<p></p></router-link></li>
<li><router-link to="/about">关于我们<p></p></router-link></li>
<li><router-link to="/products">产品专区<p></p></router-link></li>
<li><router-link to="/news">新闻资讯<p></p></router-link></li>
</ul>
<ul class="index-tap">
<li><router-link to="/company">企业风采<p></p></router-link></li>
<li><router-link to="/join">招商加盟<p></p></router-link></li>
<li><router-link to="/connect">联系我们<p></p></router-link></li>
<li><router-link to="/brand">品牌介绍<p></p></router-link></li>
</ul>
<div style="clear:both;"></div>
<router-view transition transition-mode="out-in"></router-view>
<div style="clear:both;"></div>
<ul class="index-footer clearx">
<li v-on:click="showph = !showph">电话</li>
<li v-on:click="showmap = !showmap">地图</li>
<li v-on:click="showd = !showd">分享</li>
<!-- JiaThis Button BEGIN -->
<transition name="slide-fade">
<div class="jiathis_style_32x32 share" v-show="showd">
<a class="jiathis_button_qzone"></a>
<a class="jiathis_button_tsina"></a>
<a class="jiathis_button_tqq"></a>
<a class="jiathis_button_weixin"></a>
<a class="jiathis_button_renren"></a>
</div>
</transition>
<!-- JiaThis Button END -->
<transition name="slide-fade">
<div class="share sharephone" v-show="showph">
18305452462
</div>
