1情萤、第一種使用方法
組件引用要與 router/index.js 下的路徑相對(duì)應(yīng)拭嫁，例如：
router/index.js 聲明方式：
router/index.js 聲明
組件調(diào)用方式：
UserGame.vue組件
注： router/index.js 下紅色框 name:"UserGame" 與 UserGame.vue 組件下的 router-link 中引用的 :to='{name: "UserContent"}' 的 name 屬性的值要相對(duì)應(yīng)榴嗅。
2、直接引用
組件引用要與 router/index.js 下的 path 屬性的值相對(duì)應(yīng)猿诸，例如：
router/index.js 聲明方式：
import Vue from 'vue'
import Router from 'vue-router'
import HomeIndex from '@/components/home/index';
import ItemIndex from '@/components/item/index';
import ScoreIndex from '@/components/score/index';
Vue.use(Router)
export default new Router({
routes: [
{
path: '/',
name: 'HomeIndex',
component: HomeIndex
},
{
path: '/item',
name: 'ItemIndex',
component: ItemIndex
},
{
path: '/score',
name: 'ScoreIndex',
component: ScoreIndex
}
]
});
組件調(diào)用方式：
<router-link to="item" class="start button_style" ></router-link>
注： router/index.js 下 path: '/item', 與 組件下的 router-link 中引用的 to="item" 的值要相對(duì)應(yīng)干跛。
