vue 函數(shù)調用加括號與不加括號的區(qū)別
寫在前面：最近做的一個項目用是很久之前的，在維護項目中就無法使用vue等技術來操作，所以一些方法用的是原生來寫的，在綁定點擊方法時，方法名沒加括號，就沒生效，加了括號就生效了，當時有疑惑的點是在之前做vue的項目中，我記得不加括號也是完全可以的，于是就詳細的查了一下。
原生方法調用函數(shù)
在script里寫方法，不加括號的話就相當于得到的是這個函數(shù)體，是這個函數(shù)本身，并不會執(zhí)行函數(shù)
<body> <div>函數(shù)調用是否要加括號</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中的方法調用時和再用原生遇到的疑惑的點在于在行內加方法，
<div>函數(shù)調用是否要加括號</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方法中調用函數(shù)
這個其實加不加括號，這個方法都會執(zhí)行，加（）我一般會考慮到傳參的問題，
不加括號，默認傳遞參數(shù)為 MouseEvent, 加括號，括號中使用$event, 才能獲取到MouseEvent，不過我們這種加括號的情況，一般是傳自己需要的參數(shù)歡迎指正~
本文作者： 張尊娟
本文鏈接：https://www.cnblogs.com/wszzj/p/13895908.html?utm_source=tuicool&utm_medium=referral
以上就是vue 函數(shù)調用加括號與不加括號的區(qū)別的詳細內容，更多關于vue 函數(shù)調用的資料請關注好吧啦網其它相關文章！
相關文章：
1. 以PHP代碼為實例詳解RabbitMQ消息隊列中間件的6種模式2. html小技巧之td,div標簽里內容不換行3. PHP字符串前后字符或空格刪除方法介紹4. 將properties文件的配置設置為整個Web應用的全局變量實現(xiàn)方法5. nestjs實現(xiàn)圖形校驗和單點登錄的示例代碼6. AspNetCore&MassTransit Courier實現(xiàn)分布式事務的詳細過程7. XML入門的常見問題(一)8. jsp cookie+session實現(xiàn)簡易自動登錄9. css進階學習 選擇符10. Echarts通過dataset數(shù)據(jù)集實現(xiàn)創(chuàng)建單軸散點圖
網公網安備