NativeScript-Vue框架模块使用疑问：platform模块导入与配置确认

Hey there! Since you’re already familiar with Vue web development and have some NativeScript basics down, let’s clear up how to work with the platform module (and other NS framework modules) in NativeScript-Vue—it’s actually pretty similar to how you handle Axios in web Vue!

Two Valid Approaches: Global or Local Import #

Just like Axios, you have two options for using the platform module, depending on how often you need it across your app:

1. Global Access (Mount to Vue Prototype) #

If you find yourself needing platform checks (like isIOS, androidVersion) in multiple components, you can set it up globally in your Main.js or App.js—exactly how you’d globally import Axios for web Vue:

// Main.js
import Vue from 'nativescript-vue'
import { platform } from '@nativescript/core'

// Attach the platform module to Vue's prototype
Vue.prototype.$platform = platform

// Initialize your app
new Vue({
  render: h => h('frame', [h(YourRootComponent)])
}).$start()

Now you can access it in any component using this.$platform:

// In any .vue component
export default {
  mounted() {
    if (this.$platform.isIOS) {
      console.log('Running on iOS!')
    } else if (this.$platform.isAndroid) {
      console.log(`Android version: ${this.$platform.androidVersion}`)
    }
  }
}

2. Local Import (Per Component) #

If you only need the platform module in one or two components, import it directly where you need it—this keeps your app lighter by avoiding unnecessary global injections:

// In your target .vue component
import { platform } from '@nativescript/core'

export default {
  methods: {
    checkPlatform() {
      if (platform.isAndroid) {
        // Do Android-specific logic
      }
    }
  }
}

Are These Modules Pre-Configured? #

Short answer: No. Unlike some Vue plugins that auto-inject into your app, NativeScript framework modules (including platform) don’t come globally available out of the box in NativeScript-Vue. You have to explicitly import them either globally or locally—just like you do in pure NativeScript. The only difference is that in NativeScript-Vue, you can leverage Vue’s prototype to make them accessible everywhere if you want.

This aligns perfectly with your Axios workflow: global import for app-wide use, local import for targeted components.

内容的提问来源于stack exchange，提问作者AntonioSantos