真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

如何在Vue中使用對象提供的屬性-創(chuàng)新互聯(lián)

如何在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中使用對象提供的屬性

二  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 }}

  按鈕

效果如下:

如何在Vue中使用對象提供的屬性

點(diǎn)擊按鈕使數(shù)據(jù)更新后

如何在Vue中使用對象提供的屬性

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
 
 



 
  
  
 

如何在Vue中使用對象提供的屬性

3.2  阻止表單提交和頁面刷新

通過設(shè)置 @click.prevent來阻止表單提交



 
 Title
 



 
  
  
  
  
 



如何在Vue中使用對象提供的屬性

vue是什么

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)用場景需求。


分享文章:如何在Vue中使用對象提供的屬性-創(chuàng)新互聯(lián)
本文地址:http://weahome.cn/article/dpjeps.html

其他資訊

在線咨詢

微信咨詢

電話咨詢

028-86922220(工作日)

18980820575(7×24)

提交需求

返回頂部