vue2.0 路由不顯示router-view的解決方法
更新時(shí)間：2018年03月06日 14:39:05 作者：zy1281539626
下面小編就為大家分享一篇vue2.0 路由不顯示router-view的解決方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
今天學(xué)習(xí)vue2.0 的 router-view , 爆出的錯(cuò)誤不計(jì)其數(shù)，不知道哪位大神寫(xiě)的router-view,配置的參數(shù)竟然不是router，而是routes =_=||
這是花了一上午整出來(lái)的main.js，還有網(wǎng)上的同道們的提醒：
import Vue from 'vue';
import VueRouter from 'vue-router';
import App from './App';
import goods from './components/goods/goods';
Vue.config.productionTip = false;
Vue.use(VueRouter);
const routes = [
{path: '/goods', component: goods}
];
const router = new VueRouter({
routes
});
/* eslint-disable */
const app = new Vue({
router,
render: h => h(App)
}).$mount('#app');
//默認(rèn)跳轉(zhuǎn)到 '/goods'
router.push('/goods');
這里/* eslint-disable */ 是eslint代碼檢查，不加這個(gè)又是會(huì)報(bào)錯(cuò) app沒(méi)有使用。
以上這篇vue2.0 路由不顯示router-view的解決方法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
vue-cli項(xiàng)目如何使用vue-resource獲取本地的json數(shù)據(jù)（模擬服務(wù)端返回?cái)?shù)據(jù)）
這篇文章主要介紹了vue-cli項(xiàng)目如何使用vue-resource獲取本地的json數(shù)據(jù)（模擬服務(wù)端返回?cái)?shù)據(jù)），具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-08-08
下面小編就為大家分享一篇在vue項(xiàng)目中,使用axios跨域處理，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-03-03
如何利用vue+vue-router+elementUI實(shí)現(xiàn)簡(jiǎn)易通訊錄
這篇文章主要介紹了如何利用vue+vue-router+elementUI實(shí)現(xiàn)簡(jiǎn)易通訊錄，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2019-05-05
在使用vue-router的項(xiàng)目中,實(shí)例化VueRouter是其配置選項(xiàng)routes該選項(xiàng)指定路由與視圖的組件的關(guān)系或者路由與其他路由的關(guān)系，Router配置選項(xiàng)中是其中最重要的配置。本文就詳細(xì)的介紹一下2021-10-10
這篇文章主要為大家詳細(xì)介紹了前端框架Vue.js中Directive知識(shí)，感興趣的小伙伴們可以參考一下2016-09-09
Vue Promise解決回調(diào)地獄問(wèn)題實(shí)現(xiàn)方法
這篇文章主要介紹了Vue Promise解決回調(diào)地獄問(wèn)題，總的來(lái)說(shuō)這并不是一道難題，那為什么要拿出這道題介紹？拿出這道題真正想要傳達(dá)的是解題的思路，以及不斷優(yōu)化探尋最優(yōu)解的過(guò)程。希望通過(guò)這道題能給你帶來(lái)一種解題優(yōu)化的思路2023-01-01
vue3自定義指令實(shí)現(xiàn)按鈕防抖示例詳解
這篇文章主要為大家介紹了vue3自定義指令實(shí)現(xiàn)按鈕防抖示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-02-02
echarts 使用formatter 修改鼠標(biāo)懸浮事件信息操作
這篇文章主要介紹了echarts 使用formatter 修改鼠標(biāo)懸浮事件信息操作，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-07-07
這篇文章主要介紹了vue-cli@3.0 使用及配置說(shuō)明,非常不錯(cuò)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2019-05-05
Vue3中的ref和reactive響應(yīng)式原理解析
這篇文章主要介紹了Vue3中的ref和reactive響應(yīng)式,本節(jié)主要介紹了響應(yīng)式變量和對(duì)象，以及變量和對(duì)象在響應(yīng)式和非響應(yīng)式之間的轉(zhuǎn)換，需要的朋友可以參考下2022-08-08