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

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

vue組件注冊使用問題?求解

vue組件注冊使用問題?求解

尚方寶劍之說 2018-10-18 18:15:01
使用vue組件的時候,我嘗試用2中寫法去寫,寫法如下,第一種方法顯示正常,但是為什么用第二種寫法的父元素卻未顯示?求大神解答html代碼<ul class="part" id="part">     <my-list></my-list>     <my-list></my-list>     <my-list></my-list>     <my-list></my-list></ul>第一種效果圖調(diào)試欄顯示正常,ul標簽存在第二種var list = new Vue({    el: '#part',    template: "<my-list></my-list>",     components: {         "my-list": {          template: '<li><a href="details.html" class="title">javascript</a><p class="details"><i class="fa fa-tag eye">&nbsp;Languary</i><i class="fa fa-eye eye">&nbsp;26</i><span>2016年12月5日</span></p><p class="text">最近做一個嵌在APP中的網(wǎng)頁活動,接觸到好些新技術(shù)(支付寶WAP支付場景,微信WAP支付場景、二維碼支付場景,網(wǎng)頁喚醒APP)。前面的那位同學(xué),你說什么,你都會啊,那是我項目經(jīng)驗少咯 :)今天剛把網(wǎng)頁喚醒APP的功能做好,就來寫一寫</p></li>'                }             });調(diào)試欄顯示錯誤,ul標簽不存在
查看完整描述

1 回答

?
蝴蝶刀刀

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

這一點確實比較奇怪 -- new Vue({el: '#app'}) 等價于 new Vue({}).$mount('#app'),而文檔中提到:

// 創(chuàng)建并掛載到 #app (會替換 #app)

new MyComponent().$mount('#app')

注意:“替換”!所以在你的第二個例子中,ul#part 其實被替換成了 <my-list> 也就是一個 <li>.

而為啥第一個例子正常運行呢?因為第一個例子中你沒有指定template,所以ul#part的HTML會被當作模版,而此時ul#part會被保留。如果你非要問為什么會被保留,只能說u大就是這樣設(shè)計的。。。


查看完整回答
反對 回復(fù) 2018-11-29
  • 1 回答
  • 0 關(guān)注
  • 524 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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