为什么显示我的Vue没有定义?

来源:2-3 模板语法

weibo_赵赵赵yun_er_0

2019-03-22 09:50

https://img.mukewang.com/5c943f3b00011e8516801326.jpg

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>Title</title>

    <style>

      .bg{

        color:red;

      }

    </style>

    <script type="text/javascript" src="https://cdn.bootcss.com/vue/2.6.0/vue.min.js"></script>

</head>

<body>

<div id="app">

  <div class="bg">

    hello world

    {{msg}}

  </div>

  <div class="bg">

    {{msg}}

    {{count}}

  </div>

</div>

<script>

  new Vue({

    el: '#app',

    data: {

      msg: 'hello Vue',

      count:0,

    }

  })

</script>

</body>

</html>


写回答 关注

3回答

  • doubleyong
    2019-08-07 15:38:55

    <script>标签,添加type属性试试

  • 我和世界爱着你
    2019-03-22 15:31:58
    <script>  var app=new Vue({    el: '#app',    data: {      msg: 'hello Vue',      count:0,    }  })</script>


    holy_y...

    如果不是看你的这个我估计要一直堵在这了

    2019-05-09 16:26:06

    共 1 条回复 >

  • 火凤
    2019-03-22 15:19:17

    抱歉!
    由于底层 CDN 服务故障,导致 BootCDN 爆炸(2019.3.22上午至现在),请各位耐心等待,或者修改引用的链接。

    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>


    Brian

    正解,请使用:https://cdnjs.cloudflare.com/ajax/libs/vue/2.6.10/vue.js 或者使用 cdnjs.com, cdnjs.net, https://cdn.baomitu.com/

    2019-03-22 20:31:07

    共 1 条回复 >

3小时速成 Vue2.x 核心技术

带你快速学习最流行的前端框架vue2.x的核心技术

82578 学习 · 489 问题

查看课程

相似问题