使用vuejs加載外部html 2

如何使用Vuejs 2加載外部html頁面？這是我在jQuery代碼使用vuejs加載外部html 2

HTML

<div class="main" id="main" style="height: 600px; width: 1200px;"> 

</div>

$(document).ready(function() { 
    $('div.main').load('main_template.html'); 

});

我想轉換如果可能的話這vuejs 2，預先感謝您。

你不能簡單地繼續使用jQuery嗎？ Vue沒有像'.load'這樣的內置方法 – Phil

@Phil我可以，但是如果有一種方法可以使用完整的vue，我認爲它會更好 –

這不是Vue所做的事情。它沒有任何內置的AJAX東西 – Phil

你可以做到這一點使用v-html指令，但要注意的是：

注意，內容被插入爲純HTML - 他們不會被編譯爲Vue的模板。如果您發現自己試圖使用v-html編寫模板，請嘗試通過使用組件來重新考慮解決方案。

和：

動態渲染任意的HTML在您的網站是非常危險的，因爲它很容易導致XSS攻擊。只在受信任的內容上使用v-html ，永遠不要在用戶提供的內容上使用。

若仍適合你的情況，你可以使用任何HTTP庫，如axios，請求內容，把它放在一個data屬性，並與V-HTML中使用它。

2017-06-20 08:02:57 Cobaltway

回答