VUE靜態頁面helloworld


獨立版本CDN

BootCDN : https://cdn.bootcss.com/vue/2.2.2/vue.min.js //國內

unpkg: https://unpkg.com/vue/dist/vue.js  //最新發布

cdnjs : https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.8/vue.min.js

vuejs : https://vuejs.org/js/vue.min.js

https://unpkg.com/vue  //未壓縮版本

入門實例

<!DOCTYPE html>

<html style="height: 100%;">

     <head>

         <meta charset="UTF-8">

         <script type="text/javascript" src="../lib/vue.min.v2.5.11.js" ></script>

         <title>HelloDemo</title>

     </head>

     <body style="height: 100%;">

         <style>

             

         </style>

         <div id="appVue">

              <div>

                   {{message}}

              </div>

         </div>

         <script>

              new Vue({

                   el:"#appVue",

                   data:{

                       message:"Hello vue.js!"

                   }

              })

         </script>

     </body>

</html>

頁面顯示結果:Hello vue.js!

VUE把數據和 DOM建立起了關聯,所有東西都是響應式的,Vue 在背后做了大量工作。

 

REF:

    https://cn.vuejs.org/v2/guide/

    http://www.runoob.com/vue2/vue-tutorial.html


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM