Vue2.0 了解一下

什么是 Vue

Vue 是一個(gè)前端框架，特點(diǎn)是
數(shù)據(jù)綁定

比如你改變一個(gè)輸入框 Input 標(biāo)簽的值，會(huì)自動(dòng)同步更新到頁面上其他綁定該輸入框的組件的值

image

組件化

頁面上小到一個(gè)按鈕都可以是一個(gè)單獨(dú)的文件.vue
這些小組件直接可以像樂高積木一樣通過互相引用而組裝起來


image.png

vue2.0搭建環(huán)境依賴的工具


image.png
vue 內(nèi)部組建
  • ES6+
  • node & npm & package.json
  • Rollup（這東西要比webpack容易上手的多）
  • flow 類型檢查 是 facebook 出品的 JavaScript 靜態(tài)類型檢查工具

由于 Vue 的源碼采用 ES6，所以你至少應(yīng)該掌握 ES6 才能看得懂，其次你最好對 package.json 中的字段的作用有所了解。由于 Vue 使用 Rollup 構(gòu)建，所以你不了解 Rollup 的話，你就看不懂 Vue 的構(gòu)建配置，最后 Vue 采用 flow 做類型系統(tǒng)，最起碼就應(yīng)該知道 flow 的簡單語法，否則會(huì)影響你看源碼。

VUE 框架圖
image.png
VUE 項(xiàng)目 目錄參考

image.png

項(xiàng)目來源于https://github.com/hicoldcat

image.png
參考文章

作者 Evan You Github https://github.com/yyx990803
Vue github https://github.com/vuejs/vue
Vue 2.0 https://cn.vuejs.org/
Vue - cli 3.0 :https://cli.vuejs.org/
Vue技術(shù)內(nèi)幕 http://hcysun.me/vue-design/
Vue.js 技術(shù)揭秘 https://ustbhuangyi.github.io/vue-analysis/
Vue2.0 環(huán)境搭建到發(fā)布 http://www.runoob.com/w3cnote/vue2-start-coding.html

參考demo
Vue 餓了么 wap,pc,admin https://github.com/bailicangdu
Vue 和React https://github.com/hicoldcat/
滴滴 移動(dòng)端組件庫 cube-ui https://www.imooc.com/article/21117

最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時(shí)請結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡書系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容