vue.js起步

vue.js起步

      Vue.js介紹

      Vue.js（讀音 /vjuː/,類似於 view）是一套構建用戶界面的漸進式框架。與其他重量級框架不同的是，Vue採用自底向上增量開發的設計。Vue的核心庫只關注視圖層，並且非常容易學習，非常容易與其它庫或已有項目整合。另一方面，Vue完全有能力驅動採用單文件組件和 Vue生態系統支持的庫開發的複雜單頁應用。Vue.js的目標是通過儘可能簡單的 API實現響應的數據綁定和組合的視圖組件。

      Vue.js的引入

      官網提供的一種引入方式：

      <scriptsrc="https://unpkg.com/vue/dist/vue.js"></script>

      直接下載引入：

      下載引入的時候，有開發版本和生產版本。開發版本顧名思義，就是爲了開發使用，包含完整的警告和調試模式。生產版本刪除了警告，而且對vue.js進行了壓縮，非常小，不到100K。建議在開發時期使用開發版本，等到項目部署的時候在換爲生產版本。

      利用npm安裝：

      在之前要安裝node.js。進入node.js官網下載安裝。在node安裝完成之後，由於其內置npm,可以直接使用npm install vue 進行安裝。對於大型項目，建議使用npm 進行安裝。

   最簡單的vue實例

    

<div id=”app”>

   {{ mes }}

</div>

var vm = new Vue({

  // 選項

  el：”app”,

  data:{

     ”mes”:”Hello Vue”                                                                                            

  }

})