在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ VueRouter基本的路由功能沒有運(yùn)行起來,求助

VueRouter基本的路由功能沒有運(yùn)行起來,求助

我通過vuecli腳手架創(chuàng)建好模板之后,在入口函數(shù)main.js刪掉了原來代碼 自己編寫一個路由DEMO,但是consloe沒有報(bào)錯,也沒有出現(xiàn)目標(biāo)組件,找了幾天 實(shí)在找不到,求助大蝦們

import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.config.productionTip = false
Vue.use(VueRouter)

var homePage={template:'<div>首頁</div>'}
var fristPage={template:'<div>11111</div>'}
var secPage={template:'<div>22222</div>'}

var router=new VueRouter({
    mode:'history',
    base:__dirname,
    routes:[
        {path:'/',component:homePage},
        {path:'/fri',component:fristPage},
        {path:'/sec',component:secPage}
    ]
})
/* eslint-disable no-new */
new Vue({
  router,
  teamlate:`<div id='headnav'>
      <h1>導(dǎo)航</h1>
          <ul>
                  <li><router-link to="/">首頁</router-link></li>
                  <li><router-link to="/fri">FRI</router-link></li>
                  <li><router-link to="/sec">SEC</router-link></li>
          </ul>
          <router-view/>
  </div>`
}).$mount('#app')
回答
編輯回答
疚幼

router 要引入

2018年2月2日 09:21
編輯回答
墨小白

teamlate 單詞拼錯了

2017年8月16日 01:44