本篇分享不能幫助你入門(mén)vue，入門(mén)的文章也是無(wú)意義的，官方文檔http://cn.vuejs.org/v2/guide/ 已經(jīng)寫(xiě)的不能再清晰了。希望我們勇敢的主動(dòng)地給自己創(chuàng)造實(shí)踐的機(jī)會(huì)。
手里有一個(gè)功能還不是很多的PC端頁(yè)面，考慮到下一個(gè)版本，要把IOS，安卓和公眾號(hào)上擁有的功能也要添加到PC上，便在周三開(kāi)始了解Vue,周末花了些時(shí)間，做了到vue的改版。
本篇簡(jiǎn)單記錄下這次經(jīng)歷。Vue并不是MVVM的框架，而是MVVM中的VM—ViewModel.對(duì)接口數(shù)據(jù)的獲取還是要依賴于ajax，或者使用vue為我們提供的可選組件之一vue-loader。
在使用Vue之前，我自己在使用JS三層的概念，在渲染和模板方面使用了tmpl.js這個(gè)比較古老的框架，其實(shí)在關(guān)注點(diǎn)分離等解耦問(wèn)題上，也有很明顯的效果。詳情可以到這個(gè)鏈接：http://www.cnblogs.com/tdws/p/6024916.html。
在初步設(shè)計(jì)項(xiàng)目的時(shí)候，由于比較著急并且缺乏整體的考慮，有很多可以公用的模塊沒(méi)有單獨(dú)提出來(lái)并封裝。這次想給自己一個(gè)Vue初步入門(mén)的機(jī)會(huì)，便主動(dòng)將PC改版。在模塊的封裝上，主要使用了Vue的組件的功能。Component是 Vue.js 最強(qiáng)大的功能之一。組件可以擴(kuò)展 HTML 元素，封裝可重用的代碼。在較高層面上，組件是自定義元素， Vue.js 的編譯器為它添加特殊功能。在有些情況下，組件也可以是原生 HTML 元素的形式，以 is 特性擴(kuò)展——摘自Vue文檔。
我支持在JS代碼中，各個(gè)代碼塊盡量不包含重復(fù)的內(nèi)容，有重復(fù)的，則應(yīng)采取合適的方式進(jìn)行公用。下面是我的一段代碼分享，體會(huì)思路就好。
延伸閱讀
- ssh框架 2016-09-30
- 阿里移動(dòng)安全 [無(wú)線安全]玩轉(zhuǎn)無(wú)線電——不安全的藍(lán)牙鎖 2017-07-26
- 消息隊(duì)列NetMQ 原理分析4-Socket、Session、Option和Pipe 2024-03-26
- Selective Search for Object Recognition 論文筆記【圖片目標(biāo)分割】 2017-07-26
- 詞向量-LRWE模型-更好地識(shí)別反義詞同義詞 2017-07-26
- 從棧不平衡問(wèn)題 理解 calling convention 2017-07-26
- php imagemagick 處理 圖片剪切、壓縮、合并、插入文本、背景色透明 2017-07-26
- Swift實(shí)現(xiàn)JSON轉(zhuǎn)Model - HandyJSON使用講解 2017-07-26
- 阿里移動(dòng)安全 Android端惡意鎖屏勒索應(yīng)用分析 2017-07-26
- 集合結(jié)合數(shù)據(jù)結(jié)構(gòu)來(lái)看看(二) 2017-07-26
學(xué)習(xí)是年輕人改變自己的最好方式