uni-app渲染之后小程序

Uni-app 是一套基于 Vue.js 的多端开发框架，可以使用一套代码开发出同时运行在多个平台（如小程序、H5、App等）的应用程序。

在使用 Uni-app 开发小程序时，Uni-app 会将 Vue.js 的模板编译成小程序的 WXML、将样式编译成小程序的 WXSS、将逻辑编译成小程序的 JS，并在小程序中渲染出页面。

具体来说，Uni-app 在编译时会将 Vue.js 的模板转换成小程序的 WXML，例如：

<template>
  <view>
    <text>{{ message }}</text>
  </view>
</template>

会被转换成：

<view>
  <text>{{ message }}</text>
</view>

Uni-app 也会将 Vue.js 的样式转换成小程序的 WXSS，例如：

<style>
  .my-class {
    color: red;
  }
</style>

会被转换成：

.my-class {
  color: red;
}

Uni-app 还会将 Vue.js 的逻辑转换成小程序的 JS，并在小程序中执行，例如：

<script>
  export default {
    data() {
      return {
        message: 'Hello, world!'
      }
    }
  }
</script>

会被转换成：

Page({
  data: {
    message: 'Hello, world!'
  }
})

总之，Uni-app 会将 Vue.js 的模板、样式、逻辑转换成小程序可识别的格式，并在小程序中渲染出页面。