如何在 Vue 单文件组的 Template 标签内调用一个外部方法？

[Dic4000]

如下示例：

<template>
    <div class="main-content">
        <h1> {{ Print()}} </h1>
    </div>
</template>

<script>

function Print()
{
  console.log("AAAAA");
}

    export default {
        name: "main-content",
        data: () => ({
          
            Hiz: "Hello",
        })
	,created:function()
	{
		Print();//可以打印出来
		console.log("BBBB");
	}
	
    };
</script>

请问，如何在 h1 标签内调用这个当前 Scope 内 Print 的方法？因为我不想把这个方法作为 Vue 实例的成员对外可访问。

[ChanKc]

改成用 render 函数，template 的话我猜无解

[anguiao]

template 不让你这么写，除非你在 methods 里面再包一层。

[Dic4000]

@anguiao
再包一层，如何包？我的目的是想让外部没有办法可以访问到这个方法。

[yellowV2ex]

只有 render 一条路，因为模板里任何东西编译都需要经过 vue，也就是模板只能调用到 export default 里的东西，你没办法隐藏 export 了的东西
https://cn.vuejs.org/v2/guide/render-function.html

[hcwhan]

data: () => ({
Print,
Hiz: "Hello",
})

[calmzhu]

用过滤器 hack 一下？


顺便问下这需求什么意思 。渲染的时候自动执行？

[Dic4000]

@calmzhu
这个示例只是一个简化后的 Demo，实际的需求是有一个小方法,这个小方法封装了一些多个位置（包括 Template 内）需要用到的相同逻辑，但这个方法不应该让外部访问到。所以在编码过程中就产生了这个问题。

[zqx]

先放进 vue 实例里，通过 Print 方法的 getter 钩子判断调用上下文，是这个组件实例渲染时才执行，其他情况返回

[murmur]

@calmzhu 我猜楼主可能是要做一个 utils，如果是这样的话可以做 mixin，作用域挂多点东西又怎么样，只要名字够长就不会冲突

[suzic]

不让外部访问到，那也只有用 render 或写成 filter 了

[sunwang]

template 的作用域是当前组件实例，你可以吧 Print 挂在 methods 里面。
methods:{ Print }

[suzic]

看一下 functional,这个可能也能解决楼主的问题

[sunwang]

后面看了下楼主回复，不让外部访问，又想在 template 中拿到，这个好像无解。。除非换成 render 渲染。

[Dic4000]

已经解决这个问题了，使用 filter 可解决。感谢 10 楼朋友的提示。