欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Vue的方法和屬性案例詳解

 更新時(shí)間:2021年07月29日 10:07:50   作者:stay_少年與夢  
這篇文章主要介紹了Vue的方法和屬性案例詳解,本篇文章通過簡要的案例,講解了該項(xiàng)技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下

vue的方法和屬性

1.方法 methods

用法1

methods:{
方法名:function(){},
}

用法2

methods:{
方法名(){}
}

注意

{{}}調(diào)用要寫()

示例

{{aa()}}

事件觸發(fā)

@click=aa"可以有()也可以沒有如果需要傳參,加上()
把$event這個(gè)特殊參數(shù)傳進(jìn)去可以獲取事件對象

2.計(jì)算屬性

計(jì)算屬性是什么

computed

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

  1. 計(jì)算屬性有緩存
  2. 計(jì)算屬性是基于他們的依賴進(jìn)行緩存的
  3. 計(jì)算屬性只有在他的相關(guān)依賴發(fā)生改變時(shí)才會(huì)重新求值當(dāng)
  4. 計(jì)算屬性所依賴的屬性發(fā)生變化時(shí)他會(huì)重新計(jì)算一次

計(jì)算屬性中的方法

set(da)
get()

示例

 	computed:{
                 //計(jì)算屬性
                 //計(jì)算屬性有緩存
                 //直接{{}}調(diào)用不用寫()
                 //當(dāng)計(jì)算屬性所依賴的屬性發(fā)生變化時(shí)他會(huì)重新計(jì)算一次

                 bb(){
                    return this.arr.filter(a=>a.indexOf(this.search) > -1)
                 },
                 cc:{
                     //調(diào)用計(jì)算屬性時(shí)自動(dòng)觸發(fā)get方法,修改計(jì)算屬性時(shí)自動(dòng)觸發(fā)set方法
                     set(a){
                        console.log('我是set'+"接收的內(nèi)容"+a+"接收的內(nèi)容")
                     },
                     get(){
                        console.log('我是get')
                        return this.arr.filter(a=>a.indexOf(this.search) > -1)

                     }
                 }
            },

到此這篇關(guān)于Vue的方法和屬性案例詳解的文章就介紹到這了,更多相關(guān)Vue的方法和屬性內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

  • webpack&webpack-cli完全卸載過程

    webpack&webpack-cli完全卸載過程

    本文介紹了如何刪除全局和本地的webpack及其CLI,并提供了檢查webpack殘余文件的方法,總結(jié)了個(gè)人的操作經(jīng)驗(yàn),旨在為讀者提供參考,并期待獲得更多支持
    2024-09-09
  • vue-froala-wysiwyg 富文本編輯器功能

    vue-froala-wysiwyg 富文本編輯器功能

    這篇文章主要介紹了vue-froala-wysiwyg 富文本編輯器功能,分步驟給大家介紹了vue3.中如何安裝使用froala,本文給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2019-09-09
  • vue3封裝自定義v-model的hooks示例詳解

    vue3封裝自定義v-model的hooks示例詳解

    這篇文章主要為大家介紹了vue3封裝自定義v-model的hooks示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2022-07-07
  • vue3使用ref獲取dom結(jié)果為'null'的原因詳析

    vue3使用ref獲取dom結(jié)果為'null'的原因詳析

    這篇文章主要給大家介紹了關(guān)于vue3使用ref獲取dom結(jié)果為'null'的原因詳析,ref是Vue3中一個(gè)非常重要的功能,它可以用來獲取DOM節(jié)點(diǎn),從而實(shí)現(xiàn)對DOM節(jié)點(diǎn)的操作,需要的朋友可以參考下
    2023-07-07
  • 使用Vue和React分別實(shí)現(xiàn)錨點(diǎn)定位功能

    使用Vue和React分別實(shí)現(xiàn)錨點(diǎn)定位功能

    這篇文章主要為大家詳細(xì)介紹了如何使用Vue和React分別實(shí)現(xiàn)錨點(diǎn)定位功能,文中的示例代碼講解詳細(xì),具有一定的借鑒價(jià)值,有需要的小伙伴可以學(xué)習(xí)一下
    2024-01-01
  • Vuex持久化存儲之vuex-persist問題

    Vuex持久化存儲之vuex-persist問題

    這篇文章主要介紹了Vuex持久化存儲之vuex-persist問題,具有很好的參考價(jià)值,希望對大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
    2023-10-10
  • vue-loader和webpack項(xiàng)目配置及npm錯(cuò)誤問題的解決

    vue-loader和webpack項(xiàng)目配置及npm錯(cuò)誤問題的解決

    這篇文章主要介紹了vue-loader和webpack項(xiàng)目配置及npm錯(cuò)誤問題的解決方案,具有很好的參考價(jià)值,希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
    2022-07-07
  • vue 子組件向父組件傳值方法

    vue 子組件向父組件傳值方法

    下面小編就為大家分享一篇vue 子組件向父組件傳值方法,具有很好的參考價(jià)值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2018-02-02
  • 一步步教你用Vue.js創(chuàng)建一個(gè)組件(附代碼示例)

    一步步教你用Vue.js創(chuàng)建一個(gè)組件(附代碼示例)

    組件(Component)是Vue.js最強(qiáng)大的功能之一,組件可以擴(kuò)展HTML元素,封裝可重用的代碼,下面這篇文章主要給大家介紹了關(guān)于如何一步步用Vue.js創(chuàng)建一個(gè)組件的相關(guān)資料,需要的朋友可以參考下
    2022-12-12
  • Vue實(shí)現(xiàn)雙向綁定的方法

    Vue實(shí)現(xiàn)雙向綁定的方法

    這篇文章主要介紹了Vue實(shí)現(xiàn)雙向綁定的方法,了解vue的雙向數(shù)據(jù)綁定原理以及核心代碼模塊,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2016-12-12

最新評論