vue 函數調用加括號與不加括號的區(qū)別
更新時間：2020年10月29日 14:16:44 作者：張尊娟
這篇文章主要介紹了vue 函數調用加括號與不加括號的區(qū)別,幫助大家更好的理解和使用vue，感興趣的朋友可以了解下
寫在前面：最近做的一個項目用是很久之前的，在維護項目中就無法使用vue等技術來操作，所以一些方法用的是原生來寫的，在綁定點擊方法時，方法名沒加括號，就沒生效，加了括號就生效了，當時有疑惑的點是在之前做vue的項目中，我記得不加括號也是完全可以的，于是就詳細的查了一下。
原生方法調用函數
在script里寫方法，不加括號的話就相當于得到的是這個函數體，是這個函數本身，并不會執(zhí)行函數
<body>
<div>函數調用是否要加括號</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í)行這個事件。得到是函數體
btn.onclick = reset() //2.這種情況可以理解成給函數外面加了括號成了自執(zhí)行函數，不用點擊就得到了一個函數執(zhí)行后面的結果
</script>
</body>
當然以上兩種大家都明白，不會有什么疑惑，用習慣vue中的方法調用時和再用原生遇到的疑惑的點在于在行內加方法，
<div>函數調用是否要加括號</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'
}
在原生的行內加方法時是要加（）才能執(zhí)行的 具體原因，哈哈，我想多了會把自己繞進去，歡迎你們解答
vue方法中調用函數
這個其實加不加括號，這個方法都會執(zhí)行，加（）我一般會考慮到傳參的問題，
- 不加括號，默認傳遞參數為 MouseEvent,
- 加括號，括號中使用$event, 才能獲取到MouseEvent，不過我們這種加括號的情況，一般是傳自己需要的參數
歡迎指正~
本文作者： 張尊娟
本文鏈接：https://www.cnblogs.com/wszzj/p/13895908.html?utm_source=tuicool&utm_medium=referral
以上就是vue 函數調用加括號與不加括號的區(qū)別的詳細內容，更多關于vue 函數調用的資料請關注腳本之家其它相關文章！
相關文章
這篇文章主要介紹了vue中使用jquery滑動到頁面底部的實現方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-12-12
作為一名剛入門計算機語言的人來說,要想快速完成測試開發(fā)地圖項目,肯定要接用到SuperMap，本文主要介紹了Vue 使用超圖SuperMap的實踐，文中通過示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-12-12
這篇文章主要介紹了Vue3 源碼導讀(推薦)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-10-10
這篇文章主要介紹了vuex?mutations的兩種調用方法小結，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-03-03
在前端開發(fā)中,我們經常需要將Markdown格式的文本渲染成HTML并展示在頁面上,同時還希望能夠對代碼塊進行高亮顯示,今天我將分享一段代碼,通過Vue指令實現了這個功能,需要的朋友可以參考下2023-09-09
這篇文章主要介紹了Pinia安裝使用及數據持久化存儲的超詳細教程，本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2023-07-07
這篇文章主要介紹了vue2項目中全局封裝axios問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-10-10
本文通過實例代碼給大家介紹了vue生命周期和react生命周期對比 ,非常不錯，具有一定的參考借鑒價值，需要的朋友可以參考下2018-09-09
在現代Web開發(fā)中,前端框架和庫的使用越來越普遍,Vue.js便是其中一個受歡迎的選擇,Axios作為一個基于Promise的HTTP客戶端,能夠幫助我們輕松地與API進行交互,在這篇博客中,我將介紹如何利用Vue 3及Axios進行API數據交互,需要的朋友可以參考下2024-09-09
這篇文章主要介紹了學習筆記之Vuex的用法總結(Vue狀態(tài)管理)，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-05-05