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

更新時間：2020年10月29日 14:16:44 作者：張尊娟

這篇文章主要介紹了vue 函數(shù)調(diào)用加括號與不加括號的區(qū)別,幫助大家更好的理解和使用vue，感興趣的朋友可以了解下

寫在前面：最近做的一個項目用是很久之前的，在維護項目中就無法使用vue等技術來操作，所以一些方法用的是原生來寫的，在綁定點擊方法時，方法名沒加括號，就沒生效，加了括號就生效了，當時有疑惑的點是在之前做vue的項目中，我記得不加括號也是完全可以的，于是就詳細的查了一下。

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

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

<body>
  <div>函數(shù)調(diào)用是否要加括號</div>
  <button>點擊變色</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.這種情況相當于 btn.onclick = function reset(){...} ，點擊之后執(zhí)行這個事件。得到是函數(shù)體
    btn.onclick = reset() //2.這種情況可以理解成給函數(shù)外面加了括號成了自執(zhí)行函數(shù)，不用點擊就得到了一個函數(shù)執(zhí)行后面的結果
 
  </script>
</body>

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

  <div>函數(shù)調(diào)用是否要加括號</div>
  <button onclick="reset()">點擊變色</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)加方法時是要加（）才能執(zhí)行的具體原因，哈哈，我想多了會把自己繞進去，歡迎你們解答

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

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

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

歡迎指正~

本文作者：張尊娟

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

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

您可能感興趣的文章:

Element實現(xiàn)動態(tài)增加多個輸入框并校驗
本文主要介紹了Element實現(xiàn)動態(tài)增加多個輸入框并校驗，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2023-07-07
vue返回上一頁面時不刷新問題及解決方案
這篇文章主要介紹了vue返回上一頁面時不刷新問題及解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2022-05-05
關于Vue背景圖打包之后訪問路徑錯誤問題的解決
本篇文章主要介紹了關于Vue背景圖打包之后訪問路徑錯誤問題的解決，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-11-11
一份超級詳細的Vue-cli3.0使用教程【推薦】
這篇文章主要介紹了一份超級詳細的Vue-cli3.0使用教程，非常不錯，具有一定的參考借鑒價值,需要的朋友可以參考下
2018-11-11
解決VMware中vmware-vmx.exe進程無法關閉以及死機等問題
這篇文章主要介紹了解決VMware中vmware-vmx.exe進程無法關閉以及死機等問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
2024-06-06
7個適用于Vue?3的高顏值UI組件庫
這篇文章主要給大家分享介紹了7個適用于Vue?3的高顏值UI組件庫,合理利用,又或者學習借鑒都是不錯的選擇,文中通過圖文介紹的非常詳細,需要的朋友可以參考下
2022-12-12
Vue框架TypeScript裝飾器使用指南小結
這篇文章主要介紹了Vue框架TypeScript裝飾器使用指南小結，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2019-02-02
Vue2.0 slot分發(fā)內(nèi)容與props驗證的方法
本篇文章主要介紹了Vue2.0 slot分發(fā)內(nèi)容與props驗證的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-12-12
Mint UI實現(xiàn)A-Z字母排序的城市選擇列表
這篇文章主要為大家詳細介紹了Mint UI實現(xiàn)A-Z字母排序的城市選擇列表，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2018-12-12
詳解vuex 漸進式教程實例代碼
Vuex 是一個專為 Vue.js 應用程序開發(fā)的狀態(tài)管理模式。通過本文給大家分享vuex 漸進式教程實例代碼，從入門級帶你慢慢深入使用vuex，感興趣的朋友一起看看吧
2018-11-11