vue簡介

vue的介紹

vue官網說：Vue.js（讀音 /vjuː/，相似於 view） 是一套構建用戶界面的漸進式框架。與其餘重量級框架不一樣的是，Vue 採用自底向上增量開發的設計。 

vue的優勢

1.易用

　　已經會了 HTML、CSS、JavaScript？即刻閱讀指南開始構建應用！

2.靈活

　　不斷繁榮的生態系統，能夠在一個庫和一套完整框架之間自如伸縮。

3.高效

　　20kB min+gzip 運行大小
      超快虛擬 DOM 
      最省心的優化

虛擬的DOM的核心思想是：對複雜的文檔DOM結構，提供一種方便的工具，進行最小化地DOM操做。這句話，也許過於抽象，卻基本概況了虛擬DOM的設計思想

(1) 提供一種方便的工具，使得開發效率獲得保證 (2) 保證最小化的DOM操做，使得執行效率獲得保證

ps：關於虛擬dom，在這裏不作贅述，你們能夠這樣認爲，虛擬dom的渲染速度要比咱們真實的dom渲染速度快

vue安裝

1.下載vue包

 咱們能夠在Vue.js的官網上直接下載vue.js,並在<script>標籤中引用。->  <script src = ../vue.js> </script>  開發環境不要使用最小壓縮版，否則會沒有錯誤提示和警告！

2.使用CDN方法

•  BootCDN（國內） : https://cdn.bootcss.com/vue/2.2.2/vue.min.js ， （國內不穩定）           
• unpkg：https://unpkg.com/vue/dist/vue.js, 會保持和 npm 發佈的最新的版本一致。（推薦使用）
• cdnjs : https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.8/vue.min.js，如（<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.8/vue.min.js"></script>）

3.NPM方法

npm install vue

 小示例

<div id="app">
  {{ name }}
</div>

<script>
var app = new Vue({
     el:'#app',
     data:{
        name : '付勇'
     }
})
</script>