vue3的script setup如何创建不需要暴露在模板的变量呢？

Question

我们在使用vue2的时候，会创建或者引入一些枚举值、json数据，或者是一些处理函数。直接imput或者在任意位置this.xx=xx来定义一些不需要暴露到模板，不需要双向绑定的局部变量。如下：

import json from './jsonData.json'
this.initData = {a:1,b:2}

但是在vue3的 script setup 语法糖里，官方文档中说所有顶层变量、import都会被暴露到模板中。那我如何在这个作用域里生成一些比较复杂，用于计算但是却不需要暴露出去的数据或者函数呢？

Answer 1

把你的变量和函数名起名成 _ 或 $ 开头的。

如果是 import 进来的、无法改名，那就手动 as 一下。