uniapp开发小程序用什么框架

1. Uniapp是什么？

Uniapp是一款跨平台开发框架，可以快捷地开发出同时支持多个小程序平台的应用。具体来说，Uniapp支持开发微信小程序、支付宝小程序、百度小程序、头条小程序、H5以及App端。Uniapp在保持高效开发、高性能运行的同时，大幅降低了开发门槛，丰富了开发者的工具库。

2. 为什么要使用Uniapp开发小程序？

创建一个小程序，最常见的方法是为每个平台单独开发。这种方式最大的弊端就是开发人员需要掌握各种平台相关技术，需要频繁切换平台开发，成本高，效率低。而Uniapp可以在一个平台上调试多端，开发效率显著提高。Uniapp利用Vue.js框架进行开发，使得在开发小程序时能够享受到Vue.js开发的高效率及组件化开发的优点，同时Uniapp已经针对小程序特点，做了很多移动端方面的优化。

3. 使用什么框架来开发Uniapp小程序？

3.1 Vue.js框架

Uniapp通过Vue.js框架进行开发，因此需要具有一定的Vue.js基础，同时可以通过学习文档以及官方示例进行快速掌握Uniapp。Vue.js是一个开源的JavaScript框架，专注于通过组件化构建用户界面，是现代Web开发中比较流行的框架之一。

// 父组件
<template>
  <div>
    <child-component :data="local_data"></child-component>
  </div>
</template>
<script>
  import ChildComponent from 'components/child'
  export default {
    components: {
      ChildComponent
    },
    data () {
      return {
        local_data: {}
      }
    }
  }
</script>
// 子组件
<template>
  <div>{{data.foo}}</div>
</template>
<script>
  export default {
    props: ['data']
  }
</script>

3.2 小程序原生API

Uniapp开发小程序的关键在于对小程序原生API的封装，Uniapp为不同的端（如小程序，H5等）封装了不同的原生API，这些API在不同的组件中可以应用，这也是Uniapp的独特优势。

// 从相册中选择图片
uni.chooseImage({
  count: 1,
  success: function (res) {
    console.log(res)
  }
})

3.3 使用现成的UI框架

Uniapp提供了基于Vue.js的WeUI和Mint UI两个UI框架，可以快捷地创建出符合小程序规范的UI组件，减少了组件定制及样式调整的时间。然而，由于UI框架的限制，有时候自定义UI效果会有一定的局限性。

<template>
  <view class="container">
    <cell>
      <view slot="title">标题文字</view>
      <view slot="value">说明文字</view>
    </cell>
  </view>
</template>
<script>
  import { Cell } from 'mint-ui';
  export default {
    components: {
      Cell
    }
  }
</script>

4. 结语

Uniapp无疑是一款非常优秀的跨平台开发框架，开发人员可以采用Vue.js框架、小程序原生API，或者现成的UI框架进行开发。同时，Uniapp与各种移动端平台的兼容性非常好，可以让开发人员节省大量的开发时间。但需要注意的是，Uniapp仍有自身的限制和不足，需要在开发中遵循其规则，才能保证项目高效、稳定地运行。总之，开发人员在使用Uniapp开发小程序时，应该根据自身需求选用相关技术进行开发。