如何在Vue中使用對象提供的屬性?相信很多沒有經(jīng)驗(yàn)的人對此束手無策,為此本文總結(jié)了問題出現(xiàn)的原因和解決方法,通過這篇文章希望你能解決這個(gè)問題。
站在用戶的角度思考問題,與客戶深入溝通,找到上林網(wǎng)站設(shè)計(jì)與上林網(wǎng)站推廣的解決方案,憑借多年的經(jīng)驗(yàn),讓設(shè)計(jì)與互聯(lián)網(wǎng)技術(shù)結(jié)合,創(chuàng)造個(gè)性化、用戶體驗(yàn)好的作品,建站類型包括:成都網(wǎng)站建設(shè)、網(wǎng)站建設(shè)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣、主機(jī)域名、虛擬主機(jī)、企業(yè)郵箱。業(yè)務(wù)覆蓋上林地區(qū)。1.1 定義過濾器的兩種方式
1.1.1 使用Vue.filter()進(jìn)行全局定義
Vue.filter("RMB1", function(v){ //就是來格式化(處理)v這個(gè)數(shù)據(jù)的 if(v==0){ return v } return v+"元" })
1.1.2 在Vue對象中通過filters屬性類定義
var vm = new Vue({ el:"#app", data:{}, filters:{ RMB2:function(value){ if(value==''){ return; }else{ return '¥ '+value; } } } });
1.2 計(jì)算和監(jiān)聽屬性
監(jiān)聽屬性,可以幫助我們偵聽data中某個(gè)數(shù)據(jù)的變化,從而做相應(yīng)的自定義操作。
監(jiān)聽屬性時(shí)一個(gè)對象,它的鍵時(shí)要監(jiān)聽的對象或者變量,值是一個(gè)函數(shù),當(dāng)監(jiān)聽的data數(shù)據(jù)發(fā)送變化時(shí),會自定義執(zhí)行對應(yīng)的函數(shù),這個(gè)函數(shù)在被調(diào)用時(shí),vue會傳入兩個(gè)形參,第一個(gè)是變化前的數(shù)據(jù)值,第二個(gè)是變化后的數(shù)據(jù)值。
Title {{ num }}
二 Vue 對象的生命周期
每個(gè)vue 對象在創(chuàng)建時(shí)都要經(jīng)過一系列的初始化過程。在這個(gè)過程中vue.js會自動運(yùn)行一些叫做生命周期的鉤子函數(shù),我們可以使用這些函數(shù),在對象創(chuàng)建的不同階段加上我們需要的代碼,實(shí)現(xiàn)特定的功能。
2.1 了解數(shù)據(jù)生成、加載、更新的過程
title {{ num }}
效果如下:
點(diǎn)擊按鈕使數(shù)據(jù)更新后
2.2 總結(jié)
在vue使用的過程中,如果要初始化操作,把初始化操作的代碼放在 mounted 中執(zhí)行。
mounted階段就是在vm對象已經(jīng)把data數(shù)據(jù)實(shí)現(xiàn)到頁面以后。
一般頁面初始化使用。例如,用戶訪問頁面加載成功以后,就要執(zhí)行的ajax請求。
另一個(gè)就是created,這個(gè)階段就是在 vue對象創(chuàng)建以后,把a(bǔ)jax請求后端數(shù)據(jù)的代碼放進(jìn) created
三 阻止事件冒泡和刷新頁面
3.1 阻止事件冒泡
通過 設(shè)置@click.stop來阻止事件冒泡
Title
3.2 阻止表單提交和頁面刷新
通過設(shè)置 @click.prevent來阻止表單提交
Title
Vue是一套用于構(gòu)建用戶界面的漸進(jìn)式JavaScript框架,Vue與其它大型框架的區(qū)別是,使用Vue可以自底向上逐層應(yīng)用,其核心庫只關(guān)注視圖層,方便與第三方庫和項(xiàng)目整合,且使用Vue可以采用單文件組件和Vue生態(tài)系統(tǒng)支持的庫開發(fā)復(fù)雜的單頁應(yīng)用。
看完上述內(nèi)容,你們掌握如何在Vue中使用對象提供的屬性的方法了嗎?如果還想學(xué)到更多技能或想了解更多相關(guān)內(nèi)容,歡迎關(guān)注創(chuàng)新互聯(lián)成都網(wǎng)站設(shè)計(jì)公司行業(yè)資訊頻道,感謝各位的閱讀!
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務(wù)器15元起步,三天無理由+7*72小時(shí)售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢,專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場景需求。