官網(wǎng)地址
準(zhǔn)備工作：
a、main.js添加路由文件,并掛接在實例內(nèi)
import router from './router/index'
b、index.js添加組件,并設(shè)置路由
import Code from '../components/Code'
import Slide from '../components/Slide'
第 1 步
在App.vue文件內(nèi)添加以下代碼，用于展示路由對應(yīng)的組件內(nèi)容
<route-component></route-component>
<router-view></router-view>
第 2 步
導(dǎo)入Router.vue文件,并掛接到組件上
import RouteComponent from './components/Router.vue'
components: { RouteComponent }
第 3 步
在Router.vue文件內(nèi)拼接router-link
<router-link :to="i.path" :name="i.name">{{ i.name }}</router-link>
第 4 步
在Code.vue中添加組件內(nèi)容
<p @click="showName">this is show a demo : {{ name }}</p>
