<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                ThinkChat2.0新版上線,更智能更精彩,支持會話、畫圖、視頻、閱讀、搜索等,送10W Token,即刻開啟你的AI之旅 廣告
                ### 作為對比,我們先看看學HTML時寫的```Hello World```: ~~~ <!DOCTYPE html> <!DOCTYPE html> <html> <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>HTML初體驗</title> </head> <body> <div id="app"></div> </body> <script> var app = document.getElementById("app"); app.innerText= "Hello World"; </script> </html> ~~~ 使用上一節Vue之后的代碼: ~~~html <!DOCTYPE html> <html> <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"> <!-- 在線引入Vue.js --> <script src="https://cdn.jsdelivr.net/npm/vue@2.6.14"></script> <title>Vue初體驗</title> </head> <body> <!--準備Vue容器--> <div id="app">{{message}}</div> </body> <script> // 使用new Vue();來創建一個新的Vue實例 const vm = new Vue({ el: '#app', data : { message : 'Hello Vue!' } }); </script> </html> ~~~ 以上兩個寫法都是通過在頁面輸出一段Hello的話語,如果我們的邏輯再復雜一點呢? ~~~html <!DOCTYPE html> <html> <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"> <!-- 在線引入Vue.js --> <script src="https://cdn.jsdelivr.net/npm/vue@2.6.14"></script> <title>Vue初體驗</title> </head> <body> <!--準備Vue容器--> <div id="app"> <h2>{{message}}</h2> <h3>{{tips}}</h3> <h4>{{date_time}}</h4> </div> </body> <script> // 使用new Vue();來創建一個新的Vue實例 const vm = new Vue({ el: '#app', data : { message : 'Hello Vue!', tips : "Good good study and day day up!", date_time : new Date } }); </script> </html> ~~~ >[danger] 如果使用原生JavaScript去寫的話,不知道得寫多少個```getElementBy```咯?
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看