青橙小说
62.66MB · 2025-12-20
长久以来,"用 Vue 3 写真正的原生 App" 一直是块短板。
uni-app 虽然"一套代码多端运行",但性能瓶颈、厂商锁仓、原生能力羸弱的问题常被开发者诟病。
整个 Vue 生态始终缺少一个能与 React Native 并肩的"真·原生"跨平台方案
直到 NativeScript-Vue 3 的横空出世,并被 尤雨溪 亲自点赞。
| uni-app 现状 | 开发者痛点 |
|---|---|
| 渲染层基于 WebView 或弱原生混合 | 启动慢、掉帧、长列表卡顿 |
自定义原生 SDK 需写大量 renderjs / plus 桥接 | 维护成本高,升级易断裂 |
| 锁定 DCloud 生态 | 工程化、Vite、Pinia 等新工具跟进慢 |
| Vue 3 支持姗姗来迟,Composition API 兼容碎裂 | 类型推断、生态插件处处踩坑 |
"我们只是想要一个 Vue 语法 + 真原生渲染 + 社区插件开箱即用 的解决方案。"
—— 这,正是 NativeScript-Vue 给出的答案。
2025-10-08,Evan You 转发 NativeScript 官方推文:
配图是一段 <script setup> + TypeScript 的实战 Demo,意味着:
Composition API)获创始人的公开推荐,无疑给社区打了一剂强心针。
一句话:Vue 的自定义渲染器 + NativeScript 原生引擎
V8 / JavaScriptCore 中执行<template> 标签 → 原生 UILabel / android.widget.TextView# Node ≥ 18
npm i -g nativescript
ns doctor # 按提示安装 JDK / Android Studio / Xcode
# 全部绿灯即可
ns create myApp
--template @nativescript-vue/template-blank-vue3@latest
cd myApp
# 真机 / 模拟器随你选
ns run ios
ns run android
保存文件 → 毫秒级 HMR,console.log 直接输出到终端。
myApp/
├─ app/
│ ├─ components/ // 单文件 .vue
│ ├─ app.ts // createApp()
│ └─ stores/ // Pinia 状态库
├─ App_Resources/
└─ vite.config.ts // 已配置 nativescript-vue-vite-plugin
ns build android --release # 生成 .aab / .apk
ns build ios --release # 生成 .ipa
签名、渠道、自动版本号——标准原生流程,CI 友好。
| 插件 | 是否可用 | 说明 |
|---|---|---|
| Pinia | 零改动,app.use(createPinia()) | |
| VueUse | ️ | 仅无 DOM 的 Utilities 可用 |
| vue-i18n 9.x | 实测正常 | |
| Vue Router | 官方推荐用 NativeScript 帧导航 → $navigateTo(Page) | |
| Vuetify / Element Plus | 依赖 CSS & DOM,无法渲染 |
检测小技巧:
npm i xxx
grep -r "document|window|HTMLElement" node_modules/xxx || echo "大概率安全"
NativeScript-Vue 3 已提供 官方 DevTools 插件
组件树、Props、Events、Pinia 状态 实时查看 配置指南:https://nativescript-vue.org/docs/essentials/vue-devtools
700+ NativeScript 官方插件
ns plugin add @nativescript/camera | bluetooth | sqlite...
iOS/Android SDK 直接引入
CocoaPods / Maven 一行配置即可:
// 调用原生 CoreBluetooth
import { CBCentralManager } from '@nativescript/core'
<template> 使用,与 React Native 造组件体验一致。React Native 有 Facebook 撑腰,Flutter 有 Google 背书,
现在 Vue 3 也有了自己的 真·原生跨平台答案 —— NativeScript-Vue。
它让 Vue 语法第一次 完整、无损、高性能 地跑在 iOS & Android 上,
并获得 尤雨溪 公开点赞与 Vite 官方生态加持。
弃用 uni-app,拥抱 NativeScript-Vue,
让 性能、原生能力、工程化 三者兼得,
用你最爱的 .vue 文件,写最硬核的移动应用!
https://nativescript-vue.orghttps://nativescript-vue.org/docs/essentials/vue-pluginshttps://nativescript-vue.org/docs/essentials/vue-devtoolshttps://docs.nativescript.org/setup/