Javascript 如何使用coffeescript中的vue？_Javascript_Vue.js_Coffeescript

Javascript 如何使用coffeescript中的vue？

javascript vue.js coffeescript

Javascript 如何使用coffeescript中的vue？,javascript,vue.js,coffeescript,Javascript,Vue.js,Coffeescript,我有以下咖啡脚本代码： 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.j

我有以下咖啡脚本代码：

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>


你好，世界！
{{message}}

（美学.js是指向我编译的javascript代码的链接）。

当我运行我的应用程序时，它似乎不起作用。感谢您的帮助

新Vue

采用一个选项对象，而不是一系列参数。试试看（用咖啡脚本）

使用浏览器开发工具（F12）时是否有任何错误消息？

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