Vue入门 --- HelloWorld









{{ message }}




这样写Hello World,可以吗?不可以!

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

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

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

new Vue({

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

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







{{ message }}





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

你可能感兴趣的:(vue)