uni-app与5+app自己引入vue有什么区别?

发布于 1周前 作者 eggper 来自 Uni-App

uni-app与5+app自己引入vue有什么区别?

Harmonyos Next教程
10 回复

uni-app可以编译到小程序。 自己引入vue体验不行，vue在web上是为单页应用而生的，在app上，单页应用会卡死。 uni-app还有自动的框架预载，加载页面的速度更快。 如果你觉得你的5+app的体验也挺好，那也是相对的，因为在低端机上和原生比还是有差距。uni-app才能解决这个问题。 当然uni-app不能操作dom，这个有好有坏。 微信小程序之所以屏蔽dom，就是为了性能，dom的性能确实不好。react、vue、小程序，全世界都在去dom化，是有道理的。 但dom生态比较丰富，可用三方库很多。 好在目前微信小程序生态也起来了，很多无dom的组件库，所以uni-app现在推出来也不太担心生态问题。


好的 谢谢

您好，有uni-app相关的qq群么

531031261

回复 DCloud_heavensoft:谢谢

uni-app生成的app是和5+类似的？不是纯原生？

回复 凯哥:不是纯原生，架构和小程序一样

学习

大佬，我使用5+app 创建项目， 然后引入vue.js。 在created里调用异步方法获取数据，无法渲染到HTML里，这是怎么回事呢？

在探讨uni-app与5+App（即HBuilderX中的5+ App）在引入Vue方面的区别时，我们需要理解这两者的本质差异以及它们与Vue的集成方式。

uni-app引入Vue

uni-app是一个使用Vue.js开发所有前端应用的框架，旨在通过一套代码编译到iOS、Android、H5、以及各种小程序等多个平台。在uni-app中，Vue不仅是开发语言，也是整个框架的核心。以下是一个简单的uni-app项目结构示例，展示了如何引入和使用Vue：

// main.js
import Vue from 'vue';
import App from './App';

Vue.config.productionTip = false;

App.mpType = 'app';

const app = new Vue({
    ...App
});
app.$mount();

<!-- App.vue -->
<template>
  <view>
    <text>{{ message }}</text>
  </view>
</template>

<script>
export default {
  data() {
    return {
      message: 'Hello uni-app with Vue!'
    };
  }
};
</script>

在uni-app中，你可以直接使用Vue的语法和特性，如组件化、数据绑定等，同时享受uni-app提供的跨平台能力。

5+App引入Vue

5+App是基于HBuilderX开发的原生App解决方案，它支持HTML5+、JS和Native.js等技术，允许开发者直接调用原生API。虽然5+App本身并不强制要求使用Vue，但你可以手动将Vue集成到项目中。这种方式下，你需要自行管理Vue的引入和初始化过程，以及处理与5+API的交互。

以下是一个在5+App项目中手动引入Vue的示例：

<!DOCTYPE html>
<html>
<head>
  <script src="https://cdn.jsdelivr.net/npm/vue@2"></script>
</head>
<body>
  <div id="app">
    {{ message }}
  </div>

  <script>
    new Vue({
      el: '#app',
      data: {
        message: 'Hello 5+App with Vue!'
      }
    });

    // 5+ API调用示例
    plus.runtime.getProperty(function(info){
      console.log("App版本：" + info.version);
    });
  </script>
</body>
</html>

在这个例子中，我们直接在HTML文件中通过CDN引入了Vue，并在JavaScript中初始化了Vue实例。同时，我们也展示了如何调用5+API。

总结

uni-app与5+App在引入Vue方面的主要区别在于集成方式和开发体验。uni-app深度集成了Vue，提供了完整的Vue开发体验和跨平台能力；而5+App则允许开发者手动集成Vue，同时享受5+App提供的原生API调用能力。根据项目的具体需求和目标平台，开发者可以选择最适合自己的解决方案。

回到顶部