最近2018中文字幕在日韩欧美国产成人片_国产日韩精品一区二区在线_在线观看成年美女黄网色视频_国产精品一区三区五区_国产精彩刺激乱对白_看黄色黄大色黄片免费_人人超碰自拍cao_国产高清av在线_亚洲精品电影av_日韩美女尤物视频网站

這篇文章主要介紹Vue怎么封裝一個TodoList，文中介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們一定要看完！

成都創(chuàng)新互聯(lián)為企業(yè)級客戶提高一站式互聯(lián)網(wǎng)+設(shè)計服務(wù)，主要包括網(wǎng)站建設(shè)、成都做網(wǎng)站、app軟件開發(fā)公司、微信小程序、宣傳片制作、LOGO設(shè)計等，幫助客戶快速提升營銷能力和企業(yè)形象，創(chuàng)新互聯(lián)各部門都有經(jīng)驗豐富的經(jīng)驗，可以確保每一個作品的質(zhì)量和創(chuàng)作周期，同時每年都有很多新員工加入，為我們帶來大量新的創(chuàng)意。 

Vue的優(yōu)點

Vue具體輕量級框架、簡單易學(xué)、雙向數(shù)據(jù)綁定、組件化、數(shù)據(jù)和結(jié)構(gòu)的分離、虛擬DOM、運行速度快等優(yōu)勢，Vue中頁面使用的是局部刷新，不用每次跳轉(zhuǎn)頁面都要請求所有數(shù)據(jù)和dom，可以大大提升訪問速度和用戶體驗。

使用Vue封裝一個簡易的Todolist的小案例. 同時加入了瀏覽器本地緩存的技術(shù)手段.

瀏覽器本地緩沖:

• 前提： 一般我們定義的變量，或者用Vuex保存的數(shù)據(jù)， 當(dāng)瀏覽器進(jìn)行了一個刷新 那么這個數(shù)據(jù)就會丟失, 這樣就做不出歷史記錄的效果了， 但是， 使用瀏覽器緩存就可以幫助我們解決這個問題…

• 瀏覽器緩存分為二種 sessionStorage 和 localStorage， 二種原型鏈分別如下:

可以看得出， 他們的原型鏈上基本都是一樣的， 唯一的區(qū)別在于

• localStorage 作用于本地緩存， 時間是持久的，除非手動去刪除， 或者清空， 不然一直都存在瀏覽器中

• sessionStorage 作用與會話緩存， 生命周期只存在于本次打開瀏覽器會話， 當(dāng)完成的關(guān)閉瀏覽器，那么信息就會丟失， 而僅僅刷新頁面， 數(shù)據(jù)仍然保存。

本次實例，使用的是 sessionStorage， 并對此進(jìn)行了一次小封裝.

const  storage = {
	set(key, value){
		window.sessionStorage.setItem(key, JSON.stringify(value));
	},
	get(key){
		return JSON.parse(window.sessionStorage.getItem(key));
	},
	remove(key){
		window.sessionStorage.removeItem(key);
	}}export default storage;

實例代碼:

		
		
已經(jīng)完成...{{dolist.length - dolistNumber}}
		
			
				
					
					{{item.title}}				
				X
			

		
	

以上是“Vue怎么封裝一個TodoList”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

分享題目：Vue怎么封裝一個TodoList
分享URL：http://fisionsoft.com.cn/article/poseid.html