Vuejs确实'使用cdn工作

时间:2018-01-02 07:14:17

标签: javascript html vue.js

我是VueJS的新手,但使用CDN无法正常工作。 我使用的是一个简单的例子,但仍然没有评估字符串插值。 这是我的代码:

HTML

<!DOCTYPE html>
<html>
<head>
    <title>Vue</title>
</head>
<body>
    <div id="app">
       <p>{{ message }}</p>       
    </div>   
    <script src='https://unpkg.com/vue'></script>
    <script src='vue.js'></script>
</body>
</html>

Vuejs

   var app = new Vue({
     e1:'#app',
     data:{
       message:'Hello Vue!'
     }
   })

输出

It is showing {{message}} instead of Hello Vue!

这个问题有解决办法吗?

1 个答案:

答案 0 :(得分:1)

&#13;
&#13;
var app = new Vue({
  el: '#app', /* NOT e1 */
  data: {
    message: 'Hello Vue!'
  }
})
&#13;
<div id="app">
  <p>{{ message }}</p>
</div>
<script src='https://unpkg.com/vue'></script>
<script src='vue.js'></script>
&#13;
&#13;
&#13;

您应该将e1更改为el

只是错字......