国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

構建Vue-cli通用項目目錄

Winer / 2647人閱讀

摘要：使用基于依賴追蹤的觀察并且使用異步隊列更新。為項目配置文件。為項目靜態資源目錄。其實個人感覺通用項目目錄可以很隨意的搭配，比如說之后清空目錄封裝通用組件，像是啊，滑動常用組件。

寫在前面的個人體會，大神們可以跳過

這段時間接手一個后臺管理項目，從最開始寫一點我自己的體會吧。
首先Vue，Angular和React是當今主流前端三大框架。Vue是一個用來構建網頁的JS庫，相比較Angular和React框架來說，Vue的出現雖然晚一些，但是他吸取了Angular和React的教訓，變得更為靈活，不是非要根據框架的規定非要如此如此，更容易發展成為公司自己的組件庫，轉換為自己的體系。
Angular有許多工具，復雜的語法，Vue.js 比起 Angular 要簡單的多，甚至于要更好，代碼更加簡單明了。?他們擁有一些類似的功能特性，如:
1)使用了一個虛擬 DOM
2) 提供了響應式的，并且可組合式的視圖組件。
3) 保持對核心庫的專注, 而像路由和全局狀態管理這樣的關注點則交給附帶的庫來處理。
Vue和React都應用了雙向數據綁定，Vue.js 中的雙向數據綁定在你使用了 v-model 時就會相當的簡單。而在?React 中, 過程就比較漫長了。Vue.js 更容易上手操作，而且可以快速形成生產力。它還提供了一條途徑，使用新的工具和模式來簡化大型代碼庫的管理工作。
Vue中指令和組件分得更清晰。指令只封裝 DOM 操作，而組件代表一個自給自足的獨立單元 —— 有自己的視圖和數據邏輯。
在數據渲染方面.Angular依賴對數據做臟檢查，所以Watcher越多越慢。Vue.js使用基于依賴追蹤的觀察并且使用異步隊列更新。所有的數據都是獨立觸發的。根據此次項目為后臺管理系統，擁有相對多的數據流來說，這個優化差異還是比較明顯的。React依賴Virtual DOM,而Vue.js使用的是DOM模板。React采用的Virtual DOM會對渲染出來的結果做臟檢查，而
Vue.js在模板中提供了指令，過濾器等，可以非常方便，快捷地操作DOM，渲染速度也是非常迅速。
ElementUI組件是餓了么公司基于Vue開發的一套UI組件庫，應用廣泛，維護的人數較多，，是現今比較主流的UI框架之一，bootstrap風格，考慮到穩定性，遇到問題相對容易解決，UI框架選用ElementUI組件。

首先是環境的問題

我用的是Vue-cli和ElemenUI組件庫

那最基本的Node環境就不用我說了吧~
傳送門在這里自己看著配吧：http://www.runoob.com/nodejs/...
好了，開始項目搭建了

首先當然是安裝一個vue了

# 最新穩定版
$ npm install vue

然后全局安裝vue-cli官方命令行工具

$ npm install --global vue-cli
# 用webpack構建一個你自己的項目啦
$ vue init webpack 項目名字

然后做一些配置啦，例如什么name,version,description都是項目的一些相關文件

然后進入對應項目目錄，安裝依賴

$ cd 項目目錄
$ npm install

當然也可以替換成國內鏡像，用cnpm安裝依賴

# 啟動項目
$ npm run dev

let us go，開始搞目錄

1.node_modules為項目依賴組件庫，可以再此引入第三方組件。
2.build為項目編譯為線上項目的配置組件。
3.config為項目webpack配置文件。
4.dis為項目線上文件，通過build編譯而成。
5.screenshots為UI圖，不加入build范圍，方便本地校對。
6.src為項目主要組件，assets是一些背景圖片目錄，common為通用組件目錄，page是給一個功能組件目錄。
7.router是vue路由跳轉配置文件目錄。
8.static為項目靜態資源目錄。為build項目預留。

其實個人感覺通用項目目錄可以很隨意的搭配，比如說install 之后清空src目錄

api封裝通用組件，像是jsonp啊，滑動常用組件。
common是通用css樣式庫啦，封裝reset.css之類的樣式，或者js啦

根據個人喜好，分配不同的項目，這也是vue項目靈活的一種體現~

好了差不多了，吃飯去了，撒有哪啦

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/88569.html

相關文章

  • ?? 基于 vue2 + vuex + vue-router 構建的移動端微應用

    vue-mobile-starter View README in English 基于 vue2 + vuex + vue-router 構建的移動端單頁微應用，適合于vue2、vuex、vue-router核心概念的理解與掌握。 前言 做這個項目的初衷其實很簡單，我司之前一直用angular、react進行PC端項目的開發，但是最近新開展了一些項目打算用vue來做移動端的開發(緊跟大廠的步伐?...

    learning 評論0 收藏0

  • ?? 基于 vue2 + vuex + vue-router 構建的移動端微應用

    vue-mobile-starter View README in English 基于 vue2 + vuex + vue-router 構建的移動端單頁微應用，適合于vue2、vuex、vue-router核心概念的理解與掌握。 前言 做這個項目的初衷其實很簡單，我司之前一直用angular、react進行PC端項目的開發，但是最近新開展了一些項目打算用vue來做移動端的開發(緊跟大廠的步伐?...

    galois 評論0 收藏0

  • ?? 基于 vue2 + vuex + vue-router 構建的移動端微應用

    vue-mobile-starter View README in English 基于 vue2 + vuex + vue-router 構建的移動端單頁微應用，適合于vue2、vuex、vue-router核心概念的理解與掌握。 前言 做這個項目的初衷其實很簡單，我司之前一直用angular、react進行PC端項目的開發，但是最近新開展了一些項目打算用vue來做移動端的開發(緊跟大廠的步伐?...

    imccl 評論0 收藏0

發表評論

0條評論

最新活動
閱讀需要支付1元查看
<