Vue入门 --- HelloWorld

{{ message }}

这样写Hello World，可以吗？不可以！

为什么不可以？不可以的背后隐藏了什么秘密？说明了什么问题？

如果你一开始反应不过来，那只能说明一个问题：JavaScript基础有问题。

Js解析器从前往后解析代码，当它解析到以下代码的el: '#app'时，它就傻了。没有id为app的元素啊！

new Vue({

el: '#app',
data: {
message: 'Hello World!'
}
});

知道了吧，调换顺序，就可以啦。

{{ message }}

还有一点需要注意：那就是中vue.js相对于当前页面(vue.html)的位置。