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

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

為什么我的 Vue 本地組件沒有出現(xiàn)在頁面中?

為什么我的 Vue 本地組件沒有出現(xiàn)在頁面中?

紅顏莎娜 2023-07-06 15:08:52
我正在學習 Vue 并嘗試使用他們指南中的示例。我正在嘗試在根 vue 組件內(nèi)部本地注冊一個子組件,如此處所述。但它沒有出現(xiàn)在我的頁面上。我缺少什么?app.components 也返回未定義。console.log('Loading my script');var componentX = {? ? template: `<h3>Hello</h3>`}var app = new Vue({? ? el: '#vue-div',? ? template: `<div>Vue is working</div>`,? ? components: {? ? ? ? 'component-x': componentX? ? }})console.log(app.components);<!DOCTYPE html><html><head>? ? <meta charset="UTF-8" />? ? <meta name="viewport" content="width=device-width, initial-scale=1.0" /></head><body>? ? <div id="vue-div">? ? ? ? <component-x></component-x>? ? </div>? ? <script src="https://cdn.jsdelivr.net/npm/vue@2.6.12"></script>? ? <script src="./js/test.js"></script></body></html>
查看完整描述

1 回答

?
翻閱古今

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

問題是,你的主 Vue 有一個模板 - 這會替換目標元素內(nèi)的任何 HTML


因此,您可以component-x在新的 Vue 構(gòu)造函數(shù)模板中添加:


console.log('Loading my script');


var componentX = {

  template: `<h3>Hello</h3>`

}



var app = new Vue({

  el: '#vue-div',

  template: `<div>Vue is working<component-x></component-x></div>`,

  components: {

    'component-x': componentX

  }

})

console.log(app.$options.components);

<div id="vue-div"></div>

<script src="https://cdn.jsdelivr.net/npm/vue@2.6.12"></script>

<script src="./js/test.js"></script>

或者您可以從新的 Vie 構(gòu)造函數(shù)中刪除 template: ,并且將使用目標元素的現(xiàn)有內(nèi)容


console.log('Loading my script');


var componentX = {

  template: `<h3>Hello</h3>`

}



var app = new Vue({

  el: '#vue-div',

  components: {

    'component-x': componentX

  }

})

console.log(app.$options.components);

<div id="vue-div">

  Vue is working

  <component-x></component-x>

</div>

<script src="https://cdn.jsdelivr.net/npm/vue@2.6.12"></script>


查看完整回答
反對 回復(fù) 2023-07-06
  • 1 回答
  • 0 關(guān)注
  • 135 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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