首页 > vuejs无法运行

vuejs无法运行

app.html

<!DOCTYPE html>
<html lang="zn">
    <head>
        <meta charset="utf-8">
    </head>
    <body>
    <div id='app'>
      <p>
        {{message}}
        
      </p>
    </div>
        <script src="./app.js"></script>
        <script src='./node_modules/vue/dist/vue.js'></script>
    </body>
</html>

app.js


new Vue({
  el: '#app',
  data: {
    message: "'Hello Vue.js!'"
  }
});

但是我运行的时候,vue is no define。为什么?


你应该在js引用中,把vue放在上头
也就是

<script src='./node_modules/vue/dist/vue.js'></script>
<script src="./app.js"></script>

如果不是webpack之类的打包工具,js会根据你<script>的顺序来执行。

你的代码是先执行app.js了。那时候还没加载Vue呢。所以会出现Vue是undefined的情况。


你的2个 script 反了。。。

把vue的提到 app前面

【热门文章】
【热门文章】