window.app

一、不用window的属性,不能访问到app示例

import Vue from 'vue'
import App from './App.vue'

// 引入路由
import router from "./router.js"
const app = new Vue({
router
}).$mount('#app')

二、用window的属性,能访问到app示例

import Vue from 'vue'
import App from './App.vue'

// 引入路由
import router from "./router.js"
window.app = new Vue({
router
}).$mount('#app')

每个浏览器都内置window对象,将app变量设置到window对象上,在JavaScript中任意地方都能使用app实例

https://developer.mozilla.org/en-US/docs/Web/API/Window

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
当你在Web应用中,不希望直接使用`window.location.href`跳转到外部应用(例如手机APP),你可以采取以下几种策略: 1. **Deep Linking**: 使用浏览器的scheme(如`http://`或`https://`)和特定的路径来尝试引导用户打开App,如果设备上安装了应用,会触发应用内的链接而不是完全离开浏览器。例如,对于iOS应用,你可以使用`window.location.href = 'applink://your-app-id/path'`。这取决于应用是否支持这种链接重定向。 2. **App Detection**: 在页面加载时检查设备是否安装了应用,如果没有,则提供一个引导用户下载或打开App的链接。这可以通过JavaScript库(如`react-native-webview-app-loader`)或浏览器API(如`navigator.app`)来实现。 3. **JavaScript桥接**: 如果你的Web应用与原生应用之间有通信接口,可以使用这个接口来间接控制App的行为,而不是直接跳转。例如,React Native Web Bridge允许在React Native应用和Web页面之间传递消息。 4. **Pop-up or Modal**: 显示一个弹窗,让用户选择是打开应用还是继续留在网页上,这样用户可以选择手动操作。 5. **H5 App** 或 **PWA**: 创造一个 Progressive Web App (PWA),它提供了类似应用的体验,甚至可以通过服务 worker 实现离线访问,用户可以直接保存到主屏幕,而不会像传统页面那样跳转出去。 相关问题--: 1. 如何利用JavaScript检测设备是否安装了指定应用? 2. JavaScript桥接具体是如何工作的? 3. PWA有哪些优点可以帮助避免通过`window.location.href`直接跳转到App
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值