Question

Sheety API很不错，但我不能使其与Vue一起使用。

唯一包含的示例将jQuery与handlebars.js结合使用，该手柄与vue.js一样，使用双胡须语法冲突。

<html>
<head>
<title>UK Theme Parks</title>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.0.12/handlebars.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $.getJSON('https://api.sheety.co/uk-theme-parks', function(data) {
        var template = Handlebars.compile($('#item-template').html())
        $('#items').html(template(data))
    })
})
</script>
<script id="item-template" type="text/x-handlebars-template">
<ul>
    {{#each this}}
        <li><a href="{{website}}">{{name}}</a></li>
    {{/each}}
</ul>
</script>
</head>
<body>
<div id="items">Loading theme parks...</div>
</body>
</html>

是否有一种方法可以使此示例在Vue组件中运行？最优选的是，使它工作而不必导入handlebars.js或jQuery？

请注意，我是一名探索性设计师，而不是精通js编码器的人，因此，我将不胜感激一个工作示例：）

如何使Sheety.co在Vue.js组件中工作

0 个答案: