使用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

回答