Vue

是一套構建使用者介面的漸進式 框架

框架和庫？

• 框架（基於自身的特點向用戶提供一套完整的解決方案，控制權在框架本身，需要使用者按照框架所規定的某種規範進行開發）
• Vue
• Angular
• React
• ......
• 庫（一個封裝好的特定的集合，供開發者使用，而且是特定於某一方面的集合（方法和函式）。庫沒有控制權，控制權在開發者手中，我們可從封裝的角度理解庫）
  • jQuery
  • zepto
  • animate.css
  • ......

漸進式？

漸進式代表的含義是：主張最少

每個框架都不可避免會有自己的一些特點，從而會對使用者有一定的要求，這些要求就是主張，主張有強有弱，它的強勢程度會影響在業務開發中的使用方式。

比如說，Angular，它兩個版本都是強主張的，如果你用它，必須接受以下東西：

- 必須使用它的模組機制 - 必須使用它的依賴注入 - 必須使用它的特殊形式定義元件（這一點每個檢視框架都有，難以避免）

vue它是漸進的，沒有強主張，你可以在原有大系統的上面，把一兩個元件改用它實現，當jQuery用；也可以整個用它全家桶開發，當Angular用；還可以用它的檢視，搭配你自己設計的整個下層用。你可以在底層資料邏輯的地方用OO和設計模式的那套理念，也可以函式式，都可以，它只是個輕量檢視而已，只做了自己該做的事，沒有做不該做的事，僅此而已。

現在我要說說為什麼我這麼支援Vue了，沒什麼，可能有些方面是不如React，不如Angular，但它是漸進的，沒有強主張，你可以在原有大系統的上面，把一兩個元件改用它實現，當jQuery用；也可以整個用它全家桶開發，當Angular用；還可以用它的檢視，搭配你自己設計的整個下層用。你可以在底層資料邏輯的地方用OO和設計模式的那套理念，也可以函式式，都可以，它只是個輕量檢視而已，只做了自己該做的事，沒有做不該做的事，僅此而已。

出處：https://www.zhihu.com/question/51907207/answer/136559185

Vue特點

• 核心只關注檢視層
• 易學，輕量，靈活
• 適用於移動端

安裝Vue

• CDN

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js"></script>

• NPM

$ npm install vue

基本使用

html

<div id="app">
     <!--moustache 小鬍子語法 表示式 可以放三元表示式、取值、賦值-->
     {{msg}}
</div>

javascript

<script src="./node_modules/vue/dist/vue.js"></script>
<script>
    //引入vue 會自動給你一個Vue建構函式
    let vm = new Vue({// vm == viewModel
        el:'#app', //告訴vue能管理哪個部分
        data:{//data中的資料會被vm所代理
            msg:'hello',//可以通過vm.msg取到對應的資料
        }
    })
</script>