Question

我有以下咖啡脚本代码：

app = new Vue el='#app',
  data =
    message: "Hello, World!"

已将其编译为以下javascript：

// Generated by CoffeeScript 2.3.2
var app, data, el;

app = new Vue(el = '#app', data = {
  message: "Hello, World!"
});

//# sourceMappingURL=aesthetics.js.map

我有以下HTML：

<!DOCTYPE html>
<html>
<head>
    <title>Hello, world!</title>
</head>
<body>
<div id="app">
{{ message }}
</div>
<!-- Load JS -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script src="js/aesthetics.js"></script>
</body>
</html>

（Aesthetics.js是我编译的javascript代码的链接）。当我运行我的应用程序时，它似乎不起作用。任何帮助表示赞赏。

Answer 1

new Vue采用一个选项对象，而不是一系列参数。尝试（在coffeescript中）

new Vue(
  app: '#app'
  data: message: 'Hello world')

如何使用coffeescript中的vue？

1 个答案: