vue页面里面export default 上面定义变量问题

问题遇到的现象和发生背景

这个val在这个页面有很多地方都用到了
我想定义一个全局的val变量,改怎么弄呢,这样写this拿不到,后面就拿不到了
$formatterDate.yearToDay()是格式化的时间,在main.js里面有定义的可以拿的到

问题相关代码，请勿粘贴截图

运行结果及报错内容

我的解答思路和尝试过的方法

我想要达到的结果

全局的 是指这个组件 ？还是所有组件 ？

其实 你可以 写个 公用 api 方法 每个 组件引入 。 或者 你把这个 绑定到 vue原型上

Vue.prototype.val="xxx" 然后组件里 this.val 就能拿到

在main.js定义，然后export

可以定义一个公告方法，然后导出使用

把你注释的放开，在下面的class 里面可以直接用 val 而不是this.val