久久精品国产亚洲高清|精品日韩中文乱码在线|亚洲va中文字幕无码久|伊人久久综合狼伊人久久|亚洲不卡av不卡一区二区|精品久久久久久久蜜臀AV|国产精品19久久久久久不卡|国产男女猛烈视频在线观看麻豆

    1. <style id="76ofp"></style>

      <style id="76ofp"></style>
      <rt id="76ofp"></rt>
      <form id="76ofp"><optgroup id="76ofp"></optgroup></form>
      1. 千鋒教育-做有情懷、有良心、有品質(zhì)的職業(yè)教育機(jī)構(gòu)

        手機(jī)站
        千鋒教育

        千鋒學(xué)習(xí)站 | 隨時(shí)隨地免費(fèi)學(xué)

        千鋒教育

        掃一掃進(jìn)入千鋒手機(jī)站

        領(lǐng)取全套視頻
        千鋒教育

        關(guān)注千鋒學(xué)習(xí)站小程序
        隨時(shí)隨地免費(fèi)學(xué)習(xí)課程

        當(dāng)前位置:首頁  >  應(yīng)聘面試  >  html5面試題  > 計(jì)算屬性通常用來干什么

        計(jì)算屬性通常用來干什么

        來源:千鋒教育
        發(fā)布人:qyf
        時(shí)間: 2022-11-16 17:01:54 1668589314

        計(jì)算屬性通常用來干什么

          一、理解計(jì)算屬性的概念,計(jì)算屬性的英文是computed,其實(shí)很多時(shí)候,一些概念從英文對照為中文后,會(huì)導(dǎo)致其中一些含義發(fā)生錯(cuò)位與丟失,我們要想更好的理解computed計(jì)算屬性,可以將這個(gè)概念分為兩部分來看:

          - 計(jì)算 :這里的計(jì)算,是有種宏觀的概念,指的是對于數(shù)據(jù)包的一種操作,比如:篩選、過濾、新增、刪除等。 說明computed本身是具有處理數(shù)據(jù)的能力。

          - 屬性:屬性的意思是,一種可以讀取、渲染的數(shù)據(jù),性質(zhì)跟data的作用相似,說明computed最終會(huì)給出一個(gè)數(shù)據(jù)供頁面渲染使用。 由此,我們可以得出一個(gè)結(jié)論: computed計(jì)算屬性,負(fù)責(zé)將一些數(shù)據(jù)在其內(nèi)部按照指定邏輯處理后,最終給出處理后的結(jié)果數(shù)據(jù),給到組件、頁面進(jìn)行渲染使用,可以讓開發(fā)者更加便捷的處理一些動(dòng)態(tài)變化的數(shù)據(jù)需求。

          二、computed計(jì)算屬性的特點(diǎn)

          1. computed內(nèi)部對data做出處理,其處理結(jié)果可以像data一樣,可以直接在頁面中渲染。

          2. computed內(nèi)部邏輯會(huì)自動(dòng)識(shí)別到data的變化,從而做出新的操作,得出新的數(shù)據(jù),從而自動(dòng)更新視圖。

          3. computed處理的數(shù)據(jù)具有緩存的能力,如果data不變,則頁面中調(diào)用的都是computed第一次執(zhí)行時(shí)的運(yùn)算結(jié)果,提高渲染性能。

          三、computed應(yīng)用場景 當(dāng)某個(gè)前端已經(jīng)指定的data數(shù)據(jù)包,如果我們渲染前,對其有過濾、篩選等操作需求,就可以使用computed

          1. 字符串翻轉(zhuǎn)的官方案例,就是將一個(gè)普通字符串翻轉(zhuǎn)后再渲染到視圖。new Vue({ el:'#app',

          //占地盤 data:{ 'msg':'Hello Vue' //自定義數(shù)據(jù)包 }, computed:{ reMsg(){ //專門用于反轉(zhuǎn)msg的計(jì)算屬性 return this.msg.split('').reverse().join('') } } })

          2. 如果一個(gè)班級(jí)中有很多學(xué)生,每個(gè)學(xué)生通過一個(gè)對象來表達(dá),現(xiàn)在我們需要根據(jù)學(xué)員成績來進(jìn)行動(dòng)態(tài)切換顯示:全部學(xué)員、及格學(xué)員、不及格學(xué)員,這種在本地進(jìn)行篩選的需求可以快速通過computed實(shí)現(xiàn),代碼邏輯大致如下:

          new Vue({ el:'#app', //占地盤 data:{ stu:[ {name:'張三豐',score:100}, {name:'DDK',score:50}, {name:'張翠山',score:60}, {name:'張無忌',score:90}, {name:'PDD',score:45} ], status:0 //0全部 1及格 2不及格 }, computed:{ filterStu(){ let {stu,status} = this // let stu = this.stu // let status = this.status switch (status) {

          case 1: //及格 return stu.filter(item=>{ return item.score>=60 })

          case 2: //不及格 let arr = stu.filter(item=>{ return item.score

        tags:
        聲明:本站稿件版權(quán)均屬千鋒教育所有,未經(jīng)許可不得擅自轉(zhuǎn)載。
        10年以上業(yè)內(nèi)強(qiáng)師集結(jié),手把手帶你蛻變精英
        請您保持通訊暢通,專屬學(xué)習(xí)老師24小時(shí)內(nèi)將與您1V1溝通
        免費(fèi)領(lǐng)取
        今日已有369人領(lǐng)取成功
        劉同學(xué) 138****2860 剛剛成功領(lǐng)取
        王同學(xué) 131****2015 剛剛成功領(lǐng)取
        張同學(xué) 133****4652 剛剛成功領(lǐng)取
        李同學(xué) 135****8607 剛剛成功領(lǐng)取
        楊同學(xué) 132****5667 剛剛成功領(lǐng)取
        岳同學(xué) 134****6652 剛剛成功領(lǐng)取
        梁同學(xué) 157****2950 剛剛成功領(lǐng)取
        劉同學(xué) 189****1015 剛剛成功領(lǐng)取
        張同學(xué) 155****4678 剛剛成功領(lǐng)取
        鄒同學(xué) 139****2907 剛剛成功領(lǐng)取
        董同學(xué) 138****2867 剛剛成功領(lǐng)取
        周同學(xué) 136****3602 剛剛成功領(lǐng)取
        相關(guān)推薦HOT
        前端JavaScript面試題——js時(shí)間戳轉(zhuǎn)換時(shí)間的方法

        小伙伴們!今天我們要來聊聊前端JavaScript的一個(gè)面試題,那就是如何把時(shí)間戳轉(zhuǎn)換成普通的時(shí)間格式呢?這個(gè)問題可是前端面試中的??团?別擔(dān)心,...詳情>>

        2023-08-04 08:59:00
        Html5面試題之網(wǎng)絡(luò)中使用最多的圖片格式有哪些?

        在網(wǎng)絡(luò)中使用最多的圖片格式主要有JPEG、PNG和GIF。下面我將為你詳細(xì)介紹這三種圖片格式。JPEG(JointPhotographicExpertsGroup):JPEG是一種廣...詳情>>

        2023-07-19 15:56:35
        解釋一下什么是跨域請求?

        答案:跨域請求是指在瀏覽器中,通過JavaScript在一個(gè)域名下發(fā)起對另一個(gè)域名的請求。由于瀏覽器的同源策略(Same-OriginPolicy)限制,跨域請求...詳情>>

        2023-07-18 14:04:00
        瀏覽器的同源策略機(jī)制

        所以我們可以將請求發(fā)送到自己服務(wù)器,然后自己服務(wù)器去請求目標(biāo)接口資源,最后自己服務(wù)器將接口資源返回給當(dāng)前頁面,類似于找外援代替自己請求...詳情>>

        2022-08-23 17:45:21
        闡述一下http1.0與http2.0的區(qū)別,及http和https區(qū)別

        HTTP2.0和HTTP1.X相比的新特性 - 新的二進(jìn)制格式(Binary Format),HTTP1.x的解析是基于文本,基于文本協(xié)議的格式解析存在天然缺陷,文本的表...詳情>>

        2022-08-23 17:45:15
        快速通道
        江西省| 钦州市| 武清区| 平罗县| 怀柔区| 榆社县| 汝城县| 个旧市| 清水县| 北安市| 会昌县| 遂溪县| 炉霍县| 潞城市| 融水| 邢台市| 三都| 西吉县| 堆龙德庆县| 宁乡县| 麻江县| 弋阳县| 延边| 湘乡市| 绥江县| 林甸县| 株洲县| 西华县| 祁阳县| 社旗县| 镇江市| 长海县| 东海县| 盐边县| 遵义县| 灵川县| 鹿邑县| 安宁市| 东乌| 鞍山市| 武平县|