Vue挂载数据上不去是怎么个情况

 <section id="todoapp">
     <!--输入框-->
     <header class="header">
     <h1>小黑记事本</h1>
     <input autofocus="autofocus" autocomplete="off" placeholder="请输入任务" class="new-todo"/>
     </header>
     <!--列表区域-->
     <section class="main">
       <ul class="todo-list">
         <li class="todo" v-for="(item,index) in list">
           <div class="view">
             <span class="index">{{index+1}}.</span>
              <label>{{item}}</label>
             <button class="destroy"></button>
           </div>
         </li>
       </ul>
     </section>
     <!--统计和清空-->
     <footer class="footer">
       <span class="todo-count">
         <strong>1</strong>
          item left
       </span>
       <button class="clear-completed">Clear</button>
     </footer>
   </section>
   <footer class="info">
    <p>
      <a href="http://www.itheima.com">
        <img src="img/black.png" alt="">
      </a>
    </p>
   </footer>

</body>
<script src="../vue.js">
  var app=new  Vue({
    el:"#todoapp",
    data:{
      list:["写代码","吃饭","睡觉"]
    }
  })

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script>
  var app=new  Vue({
    el:"#todoapp",
    data:{
      list:["写代码","吃饭","睡觉"]
    }
  })
</script>

指定了 src 属性的script元素标签内不应该再有嵌入的脚本。

<!-- 引用外部脚本需放在单独的 script 标签中 ，且标签中间不能填写内容 -->
<script src="../vue.js"></script>

<!-- 书写其他内容需要重写一个 script 标签 ，或者直接在外部脚本内编辑-->
<script>
  var app=new  Vue({
    el:"#todoapp",
    data:{
      list:["写代码","吃饭","睡觉"]
    }
  })
</script>

这个script写法也是有点意思的喔