如何从咖啡脚本中使用 vue？答案

【问题标题】：How do I use vue from coffeescript?如何从咖啡脚本中使用 vue？
【发布时间】：2018-11-25 20:01:16
【问题描述】：

我有以下咖啡脚本代码：

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 代码的链接）。当我运行我的应用程序时，它似乎不起作用。任何帮助表示赞赏。

【问题讨论】：

使用浏览器开发工具（F12）时有什么错误信息吗？

标签： javascript vue.js coffeescript

【解决方案1】：

new Vue 接受一个选项对象，而不是一系列参数。尝试（在咖啡脚本中）

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

【讨论】：