Vue.js 如何在 vue js 中访问窗口对象

<template>
    <div>
hello world
    </div>
</template>

<script>
  export default {
    name: 'mycomp',
    data: function () {
      console.error("window.google_recaptcha_public_key", window.google_recaptcha_public_key);
      return {

      }
    },
    mounted() {
      let app = this;
      console.error("window.google_recaptcha_public_key2", window.google_recaptcha_public_key);

    },
  }
</script>

<style scoped lang="scss">
</style>

window.google_recaptcha_public_key undefined 
window.google_recaptcha_public_key2 undefined

Vue.prototype.Hereanyname = window.hereanyname;

Hereanyname.thefunction

import Vue from 'vue';
Vue.prototype.Routes = window.routes;

new Vue({
    el: '#app',
    template: '<App/>',
    components: {App}
});

:href="Routes.route('laravel.route.here')"

import Vue from 'vue';
Vue.prototype.GoogleRecaptcha = window.google_recaptcha_public_key;

new Vue({
    el: '#app',
    template: '<App/>',
    components: {App}
});

mounted() {
  console.log(this.GoogleRecaptcha)
}

Vue.js相关问答推荐

Nuxt 3 I18N浏览器检测不起作用

仅在构建时为 Vue3 和 TailwindCSS 添加前缀

vue3 ssr 不返回纯 html

Vue 3 / Vuetify 3：如何为按钮设置全局默认 colored颜色

更改 Vuetify 轮播高度

Vue：将点击事件绑定到动态插入的内容

我可以在打印 HTML 页面时使用作用域 CSS 吗？ (使用 Laravel 和 Vue.js)

云Firestore保存额外的用户数据

使用 Vue Router 设置页面标题

如何在 Node.js 服务器上部署 Vue.js 应用程序

在组件之间共享数据

如何告诉 Vue-cli 我的应用程序的入口点在哪里？

了解 Nuxt.js 中的State状态和Getters：Getters不起作用

嵌套组件

VueJS 路由 - 使用子路由和 Vuetify 时如何停止多个活动路由(active routes)？

在vue中单击时如何模糊元素

NPM：403 禁止 - PUT http：//registry.npmjs.org/[package-name] - 禁止

如何访问通用 javascript 模块中的当前路由元字段

我们可以像在 Angular 中一样创建 Vue.js 组件时将 HTML、JS 和 CSS 文件分开吗？

Vue - 重用方法的最佳方式