vue模板中如何使用全局变量, 不是data中定义的变量

  • Z时代
  • 2024-02-26
  • 分类：IT

vue模板中如何使用全局变量, 不是data中定义的变量

示例:

// 模板中如何取到它呢?@20220310
const hithertoSymbol = '-'
// ----------------------------------------------------------
export default {
  data() {
    return {
    }
  }
}

在模板中怎么访问到这个：hithertoSymbol变量

回答：

应该没有办法，看你应该是用的vue2

vue2里的render是用with(this)写的，this里肯定不会包含这个变量的，可以看下mdn [with
](https://developer.mozilla.org...)

function generate(
                        ast, //ast 对象模板数据
                        options
                 ) {
        var code = ast ? genElement(ast, state) : '_c("div")';
                return {
                    render: ("with(this){return " + code + "}"),
                    staticRenderFns: state.staticRenderFns //空数组
                }
    }

如果你不想放在data里可以在root组件中使用provide+后代使用inject

回答：

想要在模板中使用，必须要绑定到 vue 实例中，vue2 中就是 data() {} 内，可以曲线救国，先在 data 内绑定一个临时变量 tmp ，再在 created 里将 hithertoSymbol 赋值给 tmp ，模板中使用 tmp 。

回答：

vue2可以挂到vue原型上吧，vue3应该可以用mixin

以上是 vue模板中如何使用全局变量, 不是data中定义的变量 的全部内容， 来源链接： utcz.com/p/937242.html

回到顶部