如何在Vue指令中使用JavaScript函数？

假设我有一个JS函数，如下所示：

function myFunc()
{
   return true;
}

现在，如果的输出为true，我想显示一个元素：

<p v-if="myFun()">I am Test</p>

我正在测试

我知道我可以在Vue

methods

中编写这个

myFunc

方法，但我不想要这个

---

任何想法都将不胜感激。

您可以在“方法”部分链接您的普通函数

方法：{myFun:myFun}

或者编写自己的指令：

Vue.directive('visible', function (el, binding) {
    el.style.visibility = binding.value ? 'visible' : 'hidden';
});

---

您可以通过多种方式指出您的函数。其中一项：

var myFunc=function（）{
返回true；
}
新Vue({
el:“#应用程序”，
方法：{
yourFunc（）{
返回myFunc（）；
}
}
});

测试

这可能不够，因为如果使用计算属性，结果将根据其依赖项进行缓存，并且仅在其某些依赖项发生更改时才会重新计算。