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

vue 函數(shù)調(diào)用加括號與不加括號的區(qū)別

 更新時(shí)間:2020年10月29日 14:16:44   作者:張尊娟  
這篇文章主要介紹了vue 函數(shù)調(diào)用加括號與不加括號的區(qū)別,幫助大家更好的理解和使用vue,感興趣的朋友可以了解下

寫在前面:最近做的一個(gè)項(xiàng)目用是很久之前的,在維護(hù)項(xiàng)目中就無法使用vue等技術(shù)來操作,所以一些方法用的是原生來寫的,在綁定點(diǎn)擊方法時(shí),方法名沒加括號,就沒生效,加了括號就生效了,當(dāng)時(shí)有疑惑的點(diǎn)是在之前做vue的項(xiàng)目中,我記得不加括號也是完全可以的,于是就詳細(xì)的查了一下。

原生方法調(diào)用函數(shù)

在script里寫方法,不加括號的話就相當(dāng)于得到的是這個(gè)函數(shù)體,是這個(gè)函數(shù)本身,并不會執(zhí)行函數(shù)

<body>
  <div>函數(shù)調(diào)用是否要加括號</div>
  <button>點(diǎn)擊變色</button>
  <script type="text/javascript">
   var div = document.getElementsByTagName('div')[0];
   var btn = document.getElementsByTagName('button')[0];
 
    function reset(){
      div.style.color='green'
    }
    btn.onclick = reset //1.這種情況相當(dāng)于 btn.onclick = function reset(){...} ,點(diǎn)擊之后執(zhí)行這個(gè)事件。得到是函數(shù)體
    btn.onclick = reset() //2.這種情況可以理解成給函數(shù)外面加了括號成了自執(zhí)行函數(shù),不用點(diǎn)擊就得到了一個(gè)函數(shù)執(zhí)行后面的結(jié)果
 
  </script>
</body>

當(dāng)然以上兩種大家都明白,不會有什么疑惑,用習(xí)慣vue中的方法調(diào)用時(shí)和再用原生遇到的疑惑的點(diǎn)在于在行內(nèi)加方法,

  <div>函數(shù)調(diào)用是否要加括號</div>
  <button onclick="reset()">點(diǎn)擊變色</button>
  <script type="text/javascript">
   var div = document.getElementsByTagName('div')[0];
   var btn = document.getElementsByTagName('button')[0];
 
    function reset(){
      div.style.color='green'
    }

在原生的行內(nèi)加方法時(shí)是要加()才能執(zhí)行的 具體原因,哈哈,我想多了會把自己繞進(jìn)去,歡迎你們解答

vue方法中調(diào)用函數(shù)

這個(gè)其實(shí)加不加括號,這個(gè)方法都會執(zhí)行,加()我一般會考慮到傳參的問題,

  • 不加括號,默認(rèn)傳遞參數(shù)為 MouseEvent,
  • 加括號,括號中使用$event, 才能獲取到MouseEvent,不過我們這種加括號的情況,一般是傳自己需要的參數(shù)

歡迎指正~

本文作者: 張尊娟

本文鏈接:https://www.cnblogs.com/wszzj/p/13895908.html?utm_source=tuicool&utm_medium=referral

以上就是vue 函數(shù)調(diào)用加括號與不加括號的區(qū)別的詳細(xì)內(nèi)容,更多關(guān)于vue 函數(shù)調(diào)用的資料請關(guān)注腳本之家其它相關(guān)文章!

相關(guān)文章

  • vue中使用jquery滑動(dòng)到頁面底部的實(shí)現(xiàn)方式

    vue中使用jquery滑動(dòng)到頁面底部的實(shí)現(xiàn)方式

    這篇文章主要介紹了vue中使用jquery滑動(dòng)到頁面底部的實(shí)現(xiàn)方式,具有很好的參考價(jià)值,希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
    2022-12-12
  • Vue 使用超圖SuperMap的實(shí)踐

    Vue 使用超圖SuperMap的實(shí)踐

    作為一名剛?cè)腴T計(jì)算機(jī)語言的人來說,要想快速完成測試開發(fā)地圖項(xiàng)目,肯定要接用到SuperMap,本文主要介紹了Vue 使用超圖SuperMap的實(shí)踐,文中通過示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2021-12-12
  • Vue3 源碼導(dǎo)讀(推薦)

    Vue3 源碼導(dǎo)讀(推薦)

    這篇文章主要介紹了Vue3 源碼導(dǎo)讀(推薦),文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2019-10-10
  • vuex?mutations的兩種調(diào)用方法小結(jié)

    vuex?mutations的兩種調(diào)用方法小結(jié)

    這篇文章主要介紹了vuex?mutations的兩種調(diào)用方法小結(jié),具有很好的參考價(jià)值,希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
    2022-03-03
  • 使用Vue指令實(shí)現(xiàn)Markdown渲染和代碼高亮

    使用Vue指令實(shí)現(xiàn)Markdown渲染和代碼高亮

    在前端開發(fā)中,我們經(jīng)常需要將Markdown格式的文本渲染成HTML并展示在頁面上,同時(shí)還希望能夠?qū)Υa塊進(jìn)行高亮顯示,今天我將分享一段代碼,通過Vue指令實(shí)現(xiàn)了這個(gè)功能,需要的朋友可以參考下
    2023-09-09
  • 一文掌握Pinia使用及數(shù)據(jù)持久化存儲超詳細(xì)教程

    一文掌握Pinia使用及數(shù)據(jù)持久化存儲超詳細(xì)教程

    這篇文章主要介紹了Pinia安裝使用及數(shù)據(jù)持久化存儲的超詳細(xì)教程,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2023-07-07
  • vue2項(xiàng)目中全局封裝axios問題

    vue2項(xiàng)目中全局封裝axios問題

    這篇文章主要介紹了vue2項(xiàng)目中全局封裝axios問題,具有很好的參考價(jià)值,希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
    2022-10-10
  • vue生命周期和react生命周期對比【推薦】

    vue生命周期和react生命周期對比【推薦】

    本文通過實(shí)例代碼給大家介紹了vue生命周期和react生命周期對比 ,非常不錯(cuò),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2018-09-09
  • 使用Vue3和Axios進(jìn)行API數(shù)據(jù)交互的代碼實(shí)現(xiàn)

    使用Vue3和Axios進(jìn)行API數(shù)據(jù)交互的代碼實(shí)現(xiàn)

    在現(xiàn)代Web開發(fā)中,前端框架和庫的使用越來越普遍,Vue.js便是其中一個(gè)受歡迎的選擇,Axios作為一個(gè)基于Promise的HTTP客戶端,能夠幫助我們輕松地與API進(jìn)行交互,在這篇博客中,我將介紹如何利用Vue 3及Axios進(jìn)行API數(shù)據(jù)交互,需要的朋友可以參考下
    2024-09-09
  • 學(xué)習(xí)筆記之Vuex的用法總結(jié)(Vue狀態(tài)管理)

    學(xué)習(xí)筆記之Vuex的用法總結(jié)(Vue狀態(tài)管理)

    這篇文章主要介紹了學(xué)習(xí)筆記之Vuex的用法總結(jié)(Vue狀態(tài)管理),具有很好的參考價(jià)值,希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
    2023-05-05

最新評論