<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>

                合規國際互聯網加速 OSASE為企業客戶提供高速穩定SD-WAN國際加速解決方案。 廣告
                [TOC] #### 1.屬性動態綁定 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="css/index.css" /> <script type="text/javascript" src="js/vue.js"></script> <title>屬性動態綁定</title> <style> .c { color: green!important; } </style> </head> <body> <div id="xy"> <!--動態綁定一個class為c的樣式,動態綁定一個id--> <!--<h1 v-bind:class="'c'" v-bind:id="'title'">{{title}}</h1>--> <h1 :class="'c'" :id="'title'">{{title}}</h1> </div> <script type="text/javascript"> var app = new Vue({ el: "#xy", data: { title: "hello Vue!", } }); </script> </body> </html> #### 2.雙向綁定和只綁定一次 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="css/index.css" /> <script type="text/javascript" src="js/vue.js"></script> <title>雙向綁定和只綁定一次</title> </head> <body> <div id="xy"> <h1>{{title}}</h1> <!--只綁定一次--> <h3 v-once="">{{title}}</h3> <!--雙向綁定--> <input type="text" v-model="title" /> </div> <script type="text/javascript"> var app = new Vue({ el: "#xy", data: { title: "hello Vue!", } }); </script> </body> </html> #### 3.解決vue和smarty沖突等問題,原樣輸出 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="css/index.css" /> <script type="text/javascript" src="js/vue.js"></script> <title>解決vue和smarty沖突等問題,原樣輸出</title> </head> <body> <div id="xy"> <!--解決vue和smarty沖突等問題--> <h1 v-text="title"></h1> <!--原樣輸出--> <h3 v-html="html"></h3> </div> <script type="text/javascript"> var app = new Vue({ el: "#xy", data: { title: "hello Vue!", html: "<h1 style=\"color:green\">原樣輸出</h1>", } }); </script> </body> </html>
                  <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>

                              哎呀哎呀视频在线观看