第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

為何我的 vue 實例已經(jīng)創(chuàng)建了,但是頁面上卻什么都沒有顯示?

為何我的 vue 實例已經(jīng)創(chuàng)建了,但是頁面上卻什么都沒有顯示?

炎炎設(shè)計 2019-05-12 09:16:46
新人,剛開始學(xué)習(xí)vue+webpack,一步步自己搭建。運行頁面后,編譯沒有報錯,頁面也沒有報錯,貌似vue實例已經(jīng)成功創(chuàng)建了。index.html里的不見了,應(yīng)該是被替換掉,但是頁面卻顯示空白,想不明白,請教各位:上面是index.htmlexportdefault{name:"app"}上面是App.vueimportVuefrom'vue';importrouterfrom'./router';importstorefrom'./store';importAppfrom'../../../components/App.vue';newVue({el:'#app',router,store,components:{App},template:"",created(){this.$router.push({name:"index"});console.log("create",this);},});{{name}}exportdefault{data(){return{name:"hellow",}},created(){console.log("index",this);},}上面是index.vueimportVuefrom'vue';importVueRouterfrom'vue-router';importindexfrom'../../../../components/index.vue';Vue.use(VueRouter);constroutes=[{path:"/index",name:"index",component:index},];exportdefaultnewVueRouter({routes})前面漏了router配置,現(xiàn)在補上。結(jié)果實際頁面上顯示的是:控制臺里輸出了“created”那句話,沒有輸出“index",我就想不明白了,不報錯的話,為什么index.vue里面的內(nèi)容會沒有生成,我覺得是模板指向之類的問題錯了,但是搜了很久也想不到原因,請各位指點下。
查看完整描述

2 回答

?
森欄

TA貢獻1810條經(jīng)驗 獲得超5個贊

咦~,你這個自然是不會顯示的啦,Index.vue都沒有在任何地方被引入,怎么會出現(xiàn)呢?你要在App.vue文件中使用這個組件的話,兩種方式。第一種,單獨把這個文件引入到App.vue,并且加入components選項中,然后在template模板中使用。第二種,在App.vue中使用router-view組件,并在router/index.js中加入路由映射??吹侥愕睦又?,在Vue根實例中調(diào)用$router.push,那么這里有3個問題。1.沒有在根實例模板使用router-view2.沒有在router/index.js中注冊路由3.通常是不在newVue里這么干啦。先使用vue-cli創(chuàng)建一個demo看看吧。
對于上面的第一種方式,使用vue-cli3.0,創(chuàng)建一個demo,看里面的HelloWorld.vue和App.vue文件就明白了。建議先了解一下Vue實例化的各個選項、單文件組件。
                            
查看完整回答
反對 回復(fù) 2019-05-12
?
呼如林

TA貢獻1798條經(jīng)驗 獲得超3個贊

你的webpack.config配置的問題,你的vue引用錯了,請參考vue-cli別名配置,你的模板是無效的。在你的webpack.config加入下面這段代碼:resolve:{
alias:{
'vue$':'vue/dist/vue.esm.js',
}
},
                            
查看完整回答
反對 回復(fù) 2019-05-12
  • 2 回答
  • 0 關(guān)注
  • 8256 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號