快捷導(dǎo)航

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

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

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

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

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

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

<body>
  <div>函數(shù)調(diào)用是否要加括號(hà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ù)外面加了括號(hào)成了自執(zhí)行函數(shù)，不用點(diǎn)擊就得到了一個(gè)函數(shù)執(zhí)行后面的結(jié)果
 
  </script>
</body>

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

  <div>函數(shù)調(diào)用是否要加括號(hà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í)行的具體原因，哈哈，我想多了會(huì)把自己繞進(jìn)去，歡迎你們解答

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

這個(gè)其實(shí)加不加括號(hào)，這個(gè)方法都會(huì)執(zhí)行，加（）我一般會(huì)考慮到傳參的問(wèn)題，