Vue特點及優(yōu)點
- 小巧,壓縮后體積17KB包警;
- 漸進式撵摆,不需要一口吃成大胖子,一上來就用所有的東西害晦,可以一步一步特铝、有階段的先吃成小胖子;
- 數(shù)據(jù)驅(qū)動,雙向數(shù)據(jù)綁定苟呐,MVVM模式痒芝,詳見下一段
- 指令,例如v-if/v-show等
- 插件牵素,如果你聽過鼎鼎有名的餓了么UI你就更能體會其中精妙之處,不過不要著急
MVVM模式(面試考點)
和知名前端框架Angular一樣澄者,Vue.js設(shè)計上也使用MVVM模式
MVVM模式(Model-View-ViewModel)由MVC模式衍生而來笆呆。當View(視圖層)發(fā)生變化時,會自動更新到ViewModel(視圖模型)粱挡,逆推也成立赠幕。所以這兩者(View-ViewModel)的關(guān)系就是所謂的數(shù)據(jù)雙向綁定。
下載安裝
- 通過script加載CDN文件
<!-- 指定某個具體版本的Vue.js -->
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.21/dist/vue.js"></script>
<!-- 自動識別最新版本的Vue.js -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
兩個版本都可以询筏,如果不太了解各個版本的區(qū)別榕堰,建議直接使用最新的穩(wěn)定版本(如果輾轉(zhuǎn)反側(cè)非想了解其中的差別可以前往vue官方文檔的安裝章節(jié)的“對不同構(gòu)建版本的解釋”)。注意:在你發(fā)布的站點中使用生產(chǎn)環(huán)境版本嫌套,把 vue.js 換成 vue.min.js逆屡。這是一個更小的構(gòu)建,可以帶來比開發(fā)環(huán)境下更快的速度體驗踱讨。
將代碼下載下來魏蔗,通過自己的相對路徑引用
-
npm下載
只需要會npm的使用和項目初始化就可以了NPM是隨同NodeJS一起安裝的包管理工具,由于新版的nodejs已經(jīng)集成了npm痹筛,所以之前npm也一并安裝好了莺治。NPM允許用戶從NPM服務器下載別人編寫的第三方包到本地使用
使用 npm 命令安裝模塊
npm install 模塊名
npm install vue
以上是本期全部內(nèi)容,欲知后事如何帚稠,請聽下回分解<( ̄︶ ̄)↗[GO!]