国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

js中對象的屬性要注意的點(diǎn)以及在vue中watch對象的屬性的方法

這篇具有很好參考價(jià)值的文章主要介紹了js中對象的屬性要注意的點(diǎn)以及在vue中watch對象的屬性的方法。希望對大家有所幫助。如果存在錯(cuò)誤或未考慮完全的地方,請大家不吝賜教,您也可以點(diǎn)擊"舉報(bào)違法"按鈕提交疑問。

取對象值有兩種方式,

const obj={

a:'1'

}

obj.a或者obj['a'],中括號還可以寫成

const name = 'a'

obj[name]和obj['a']是一個(gè)意思。

然后在vue的watch要監(jiān)聽對象的屬性,寫法是

watch:{

'obj.a'(new,old){}

}

這樣的方式。

然后對象的深度拷貝可以通過自己手寫遞歸來實(shí)現(xiàn),也可以通過JSON.parse(JSON.stringify(obj))來實(shí)現(xiàn)。

手寫遞歸的話

function deepClone(duixiang){

? ? ? ? if(duixiang===null||typeof duixiang !== 'object') return duixiang

? ? ? ? let clone=Array.isArray(duixiang)?[]:{}

? ? ? ? for(let item in duixiang){

if(duixiang.hasOwnProperty(item)){

? ? ? ? clone[item] = deepClone(duixiang[item])

}

}

? ? ? ? return clone

}

const newObj = deepClone(obj)文章來源地址http://www.zghlxwxcb.cn/news/detail-833602.html

到了這里,關(guān)于js中對象的屬性要注意的點(diǎn)以及在vue中watch對象的屬性的方法的文章就介紹完了。如果您還想了解更多內(nèi)容,請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點(diǎn)僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載,請注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實(shí)不符,請點(diǎn)擊違法舉報(bào)進(jìn)行投訴反饋,一經(jīng)查實(shí),立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費(fèi)用

相關(guān)文章

  • Vue.js 中的 watch 屬性詳解

    Vue.js 中的 watch 屬性詳解

    在 Vue.js 中, watch 屬性是一種非常重要的屬性,它可以監(jiān)聽 Vue 實(shí)例中指定的數(shù)據(jù)變化,并在數(shù)據(jù)發(fā)生變化時(shí)執(zhí)行相應(yīng)的操作。本文將對 Vue.js 中的 watch 屬性進(jìn)行詳細(xì)的介紹,并附上相關(guān)的代碼示例。 在 Vue.js 中, watch 屬性被定義為一個(gè)對象,它可以用來監(jiān)聽 Vue 實(shí)例中的數(shù)

    2024年02月07日
    瀏覽(26)
  • 【Vue3】setup的注意點(diǎn)及watch監(jiān)視屬性的六種情況

    【Vue3】setup的注意點(diǎn)及watch監(jiān)視屬性的六種情況

    1.1setup的執(zhí)行時(shí)間 1.setup的執(zhí)行時(shí)間要比beforCreate執(zhí)行要早 1.2.steup參數(shù) setup的參數(shù) 1.props: 值為對象,包含: 組件外部傳遞過來,且組件內(nèi)部聲明接收了的屬性 2.context:上下文對象 ①attrs:值為對象,包含: 組件外部傳遞過來,但沒有在props配置中聲明的屬性,相當(dāng)于 this.$attrs ②sl

    2023年04月22日
    瀏覽(24)
  • Vue中$watch()方法和watch屬性的區(qū)別

    Vue中$watch()方法和watch屬性的區(qū)別

    vue中$watch()和watch屬性都是監(jiān)聽值的變化的,是同一個(gè)作用,但是有兩個(gè)不同寫法。 用法一: 用法二: 舉個(gè)栗子: ? 參考資料 淺談Vue中監(jiān)聽屬性—watch監(jiān)聽器的使用方法 vue - watch:{}監(jiān)聽與 this.$watch()的區(qū)別?|?this.$watch 和組件的 watch 有什么區(qū)別

    2024年01月24日
    瀏覽(19)
  • GuLi商城-前端基礎(chǔ)Vue-計(jì)算屬性computed和偵聽器watch
  • 前端Vue入門-day02-vue指令、computed計(jì)算屬性與watch偵聽器

    前端Vue入門-day02-vue指令、computed計(jì)算屬性與watch偵聽器

    (創(chuàng)作不易,感謝有你,你的支持,就是我前行的最大動力,如果看完對你有幫助,請留下您的足跡) 目錄 指令補(bǔ)充 指令修飾符 v-bind 對于樣式控制的增強(qiáng)? 操作class 案例:京東秒殺 tab 導(dǎo)航高亮 操作style? v-model 應(yīng)用于其他表單元素? computed 計(jì)算屬性 基礎(chǔ)語法 computed 計(jì)算屬

    2024年02月11日
    瀏覽(53)
  • Web前端 ---- 【Vue3】computed計(jì)算屬性和watch偵聽屬性(偵聽被ref和reactive包裹的數(shù)據(jù))

    Web前端 ---- 【Vue3】computed計(jì)算屬性和watch偵聽屬性(偵聽被ref和reactive包裹的數(shù)據(jù))

    目錄 前言 computed watch watch偵聽ref數(shù)據(jù) ref簡單數(shù)據(jù)類型 ref復(fù)雜數(shù)據(jù)類型 watch偵聽reactive數(shù)據(jù) 本文介紹在vue3中的computed計(jì)算屬性和watch偵聽屬性。介紹watch如何偵聽被ref和reactive包裹的數(shù)據(jù) 在vue3中,計(jì)算屬性computed也是組合式api,也就是說要先引入,再在setup中使用 語法 完整:

    2024年01月18日
    瀏覽(46)
  • JS中應(yīng)該注意的點(diǎn)

    JS中應(yīng)該注意的點(diǎn)

    本帖子記錄在使用前端時(shí)遇到的一些小點(diǎn)。 val()是對于單標(biāo)簽元素的值,其中一個(gè)很重要的特性是value=\\\"\\\" text()是選擇所選元素的文本,沒有對應(yīng)的html 是選中所選元素的html,可以有html元素 如果表單在點(diǎn)擊提交按鈕后需要用JS進(jìn)行處理(包括輸入驗(yàn)證)后再提交的話,通常

    2024年02月09日
    瀏覽(14)
  • 【Vue2從入門到精通】Vue監(jiān)聽器watch,計(jì)算屬性computed,方法methods的區(qū)別及使用場景

    【Vue2從入門到精通】Vue監(jiān)聽器watch,計(jì)算屬性computed,方法methods的區(qū)別及使用場景

    ?創(chuàng)作者:全棧弄潮兒 ?? 個(gè)人主頁: 全棧弄潮兒的個(gè)人主頁 ??? 個(gè)人社區(qū),歡迎你的加入:全棧弄潮兒的個(gè)人社區(qū) ?? 專欄地址:vue2從入門到精通 【分享幾個(gè)國內(nèi)免費(fèi)可用的ChatGPT鏡像】 【10幾個(gè)類ChatGPT國內(nèi)AI大模型】 【用《文心一言》1分鐘寫一篇博客簡直yyds】 【用

    2023年04月15日
    瀏覽(37)
  • js對象獲取屬性的方法(.和[]方式)

    js對象獲取屬性有兩種方法:1.通過.的方式? 2. 通過[]方式 // 通過.方式獲取屬性值,key是靜態(tài)的 var aa = {name: \\\"zhang\\\", age: 18}; console.log(aa.name); ? // 通過[]獲取屬性值, key是動態(tài)的,可以是字符串,或者數(shù)字的形式 var bb = {\\\"apple\\\": 3, \\\"pear\\\": 2} var cc = {1: \\\"number1\\\", 2: \\\"number2\\\"} console.log(b

    2024年02月01日
    瀏覽(23)
  • js獲取對象屬性值的方法

    場景:已知對象的某屬性,我們需要獲取對象中的屬性值 js獲取對象屬性值的方法 通過 . 獲取 通過 [ ] 獲取 接下來介紹一下兩種方法的不同點(diǎn) [ ]運(yùn)算符可以用 數(shù)字 作為屬性名,點(diǎn)運(yùn)算符不能 [ ]運(yùn)算符可以用 變量 作為屬性名,點(diǎn)運(yùn)算符不能 ps: 用變量key獲取對象中的屬性

    2024年02月02日
    瀏覽(28)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包