我使用 vuejs mustache 语法不起作用答案

【问题标题】：I work with vuejs mustache syntax don't work我使用 vuejs mustache 语法不起作用
【发布时间】：2021-06-17 11:24:32
【问题描述】：

我使用 vuejs mustache 语法不起作用我使用 vuejs mustache 语法不起作用

<!DOCTYPE html>
<html>
    <head>   
        <title>index</title>
        <script src="https://cdn.jsdelivr.net/npm/vue@2.6.14"></script>
        <script>
           
            const app = new Vue({
              el: '#app',
              data: {
                  message: "hello",
              },
            })
          </script> 
    </head>
    <body>
        <div id="#app">
            <h5>{{message}}</h5>
        </div>
       
    </body>

</html>

capture

【问题讨论】：

我认为你有一个错字。 id="#app" 应该是id="app"
应该是<div id="app"> 而不是<div id="#app">

标签： javascript vue.js

【解决方案1】：

应该是<div id="app"> 而不是<div id="#app"> 并且包含 vue 实例的脚本应该在 body 元素的末尾：

<!DOCTYPE html>
<html>
    <head>   
        <title>index</title>
        <script src="https://cdn.jsdelivr.net/npm/vue@2.6.14"></script>
        
    </head>
    <body>
        <div id="app">
            <h5>{{message}}</h5>
        </div>
        <script>
           
            const app = new Vue({
              el: '#app',
              data: {
                  message: "hello",
              },
            })
          </script>
    </body>

</html>

【讨论】：