yingvb
2021-05-27 16:43
采纳率: 100%
浏览 121

vue 问题,为什么不显示hello vue

为什么不显示Hello vue

  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

9条回答 默认 最新

  • CSDN专家-林老师 2021-05-27 16:45
    已采纳

    检查一下你的vue文件是否引入异常,再打开浏览器控制台看下是否有报错。

    请使用Vue 2.x版本。

    调试的时候可以在vscode上安装一个Live Server插件,在本地开启一个http服务,避免使用file协议打开页面。

    <!--使用如下代码引入vue.js-->
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    已采纳该答案
    打赏 评论
  • CSDN专家-张老师 2021-05-27 17:03

    问题原因:题主你的问题出现在vue的路径写错了

    解决办法:你的vuejs和网页在同一级目录下,应该这样解决

    <!--使用如下代码引入vue.js-->
    <script src="./vue-1.1.js"></script>
    打赏 评论
  • 易书生 2021-05-27 17:01

    如果我没看错的话,你的html页面和vue文件是在同一级目录下吧。那怎么能用./lib/vue1-1.js呢?应该是./vue1-1.js就可以了。望采纳~

    打赏 评论
  • 有问必答小助手 2021-05-27 17:56

    您好,我是有问必答小助手,您的问题已经有小伙伴解答了,您看下是否解决,可以追评进行沟通哦~

    如果有您比较满意的答案 / 帮您提供解决思路的答案,可以点击【采纳】按钮,给回答的小伙伴一些鼓励哦~~

    ps:问答VIP仅需29元,即可享受5次/月 有问必答服务,了解详情>>>https://vip.csdn.net/askvip?utm_source=1146287632

    打赏 评论
  • self-potato 2021-05-27 18:03
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
        <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    </head>
    <body>
        <div id="app">
            {{ message }}
          </div>
    </body>
    <script>
        var app = new Vue({
            el: '#app',
            data: {
                message: 'Hello Vue!'
            }
        })
    </script>
    </html>

    官网例子,看起来写法没问题,应该就是你引入vue的问题,刚开始练习的话就用在线地址吧
    https://cn.vuejs.org/v2/guide/

    打赏 评论
  • 额确保vue.js确实引入了,你在data下写个mounted然后console.log(this.name)试试

    打赏 评论
  • 大山楂 2021-05-28 08:58

    <!DOCTYPE html>
    <html lang="en" dir="ltr">
      <head>
        <meta charset="utf-8">
        <title></title>
        <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
      </head>
      <body>
        <div id="app">
            <h2>hello:{{name}}</h2>
        </div>
        <script>
            new Vue({
                el:"#app",
                data:{
                    name:'Vue'
                }
            });
        </script>
      </body>
    </html>

    打赏 评论
  • 禅思院 2021-05-28 09:20

    打赏 评论
  • 禅思院 2021-05-29 12:27

    vue1.1.js 你这个从哪里来的

     

    打赏 评论

相关推荐 更多相似问题