在bootCDN我引入了vue库,但是并不能显示内容,这是为什么

来源:2-2 第一个vue应用

qq_慕运维8098709

2019-04-29 17:20

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>first html</title>
  <style type="text/css">
    #box1{
      /*width: 100px;*/
      /*height: 100px;*/
      /*background-color: aqua;*/
      color: brown;
      font-size: 20px;
    }
  </style>
  <script src="https://cdn.bootcss.com/vue/2.6.10/vue.esm.browser.min.js"></script>
</head>
<body>
    <div id="box1">
    hello word
      {{msg}}
    </div>
<script>
  new Vue({
     el:'#box1',
    data:{
       msg:'hello vue!!'
    }
  })
</script>
</body>
</html>


写回答 关注

2回答

  • qq_慕运维8098709
    2019-04-29 20:57:58

    谢谢你,问题解决了

    慕田峪524...

    我也是这样,显示不出实例化后Vue中data的数据,请问你是怎么解决的呢?

    2019-07-03 09:56:14

    共 1 条回复 >

  • 刘铭枫
    2019-04-29 20:54:30

    你文件导错了,

    <script src="https://cdn.bootcss.com/vue/2.6.10/vue.esm.browser.min.js"></script>

    不是这个,

    是这个:<script src="https://cdn.bootcss.com/vue/2.6.10/vue.min.js"></script>


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

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

82578 学习 · 489 问题

查看课程

相似问题