现在，小程序正在蓬勃发展当中，所以除了在最开始的微信原生开发以外，也是相继出现了很多不同的第三方框架，比如WePY、Mpvue、Taro等等。所以问题就来了，小程序开发选择原生还是第三方框架呢？济南文汇传媒的小编来为您简单分析一下它们之间的差异。
一、原生开发
原生开发就是用原生开发语言去开发，原生开发语言就是在开发整个系统时用到的编程语言。小程序开发按照官方给出的开发文档那就一定是原生开发的方式。
原生开发方式存在的弊端：1、不能直接预编译css；2、官方API返回结果是回调函数；3、WXSS、WXML和JS代码分离到3个不同的文件中；4、开发人员不只是在微信端开发小程序，需要多端开发小程序，所以一份代码无法同时在多端运行。
二、第三方框架
相比于原生开发，很多第三方框架修复了一些原生的缺点，比如状态管理、封装能力还有类Vuex语法以及多端开发运行等等，可以说是在开发中有了更好地开发体验。
以上济南文汇传媒的小编简单分析一下原生和第三方框架之间的差异，您可自行选择。

 uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝）、快应用等多个平台。所以使用uni-app开发的本质还是使用Vue，本文主要比较的是Vue和小程序原生开发的区别。

1.页面布局模板。

Vue：模板只有一个根标签

    <template>
      <view></view>
    </template>

小程序原生：wxml可以多个并列根标签

      <view></view>
      <view></view>

 2.根据条件动态添加class 

Vue:

    <view :class="{active: current=== index}"></view>

小程序原生：

    <view class="{{current === index ? 'current' : '' }}"></view>

3.数组循环

Vue:

    <view v-for="(item, index) in []" :key="index"></view>

小程序原生：

    <view wx:for="[]" wx:key="index"></view>
    // 默认指定item为当前项, index是索引，wx:for-item，wx:for-index修改变量名
    <view wx:for="[]" wx:key="index" wx:for-item="subItem" wx:for-index="subIndex"></view>

4.点击事件绑定

Vue:

    <view @click="handleClick(index)"></view>
    // vue的js代码
    methods: {
        handleClick(index){}
    }

小程序原生：

    <view bindtap="handleClick" data-index="index"></view>
    // 事件函数和onload，data同级的,直接定义
     handleClick(event){
         // 参数
         event.currentTarget.dataset.index
     }

5.赋值格式

Vue:

     this.list = ['1','2','3'];

小程序原生：

    // 使用setData方法修改
    this.setData({
      list:['1','2','3']
    })

6.点击事件传值

Vue:

    <button @click="btnClick(123)">
    </button>

小程序原生：

    <button bindtap="benClick" data-number="123">
    </button>

 

 

原生app开发优势：

Native App就是原生App的意思，所以原生App开发也就是指基于本地智能操作系统的App开发服务。原生App实际上是一种基于智能手机本地操作系统如Android、IOS和Windows

Web APP开发和原生app开发优势及区别

原生app开发是使用的原生程序编写的应用程序

大白话就是：基于智能手机本地操作系统运行的app

Web APP开发优势分析：

Web APP 框架是一种简单的与WSGI兼容的网络应用程序框架，可以与 APP Engine 配合使用。

网络服务器支持任何使用 CGI 的 Python应用程序，提供一种简单的方式来开始为 APP Engine 开发应用程序。

运行于网络和标准浏览器上，基于网页技术开发实现特定功能的应用。

大白话就是：用浏览器运行的网页app

Web APP开发和原生app开发区别：

1、WAP更侧重使用网页技术在移动端做展示，媒体文件等。而Web APP更侧重“功能”，是使用网页技术实现的APP；原生app是一个系统性的应用程序，原生app可以调用手机终端的硬件设备（GPS、蓝牙、语音、摄像头、短信等等），大白话就是说：原生app兼容性更强一些。

2、Web APP每打开一个页面斗需要重新加载（受手机终端网速影响）；原生app应用所有的UI元素、数据内容、逻辑框架均安装在手机终端上，所以不需要重新下载加载。大白话说就是：原生app打开速度快。

3、Web APP多为模板开发、价格便宜开发速度快、但是功能无法二次增加、如果浏览器升级或者技术换代稳定性会出行问题；原生app一般开发周期会长价格高一些，功能可以拓展更新，稳定性相对会好。大白话说就是：原生app贵、可以二次开发功能、安全稳定性好一些。

1.vue的事件绑定可以直接传参数,而小程序需要使用自定义属性data
<!-- vue -->
<button @click="btnClick(123)">
   vue的按钮
</button>

<!-- 小程序 -->
<button bindtap="benClick" data-number="123">
   小程序的按钮
</button>

<!-- react JSX-->
<button onClick={()=>{this.btnClick(id)}}>
	react按钮
</button>

2.组件数据状态声明和修改,小程序使用this.setData
// vue
data(){
    return {
        name: "myname"
    }
}

// vue使用赋值的方式修改
this.name = "new name";

// 读取属性
console.log(this.name)

// --------------------------------------------------------------

// 小程序
data: {
    name: "myname"
}

// 小程序使用setData
this.setData({
    name: "new name"
})

// 读取属性
console.log(this.data.name)

// --------------------------------------------------------------

// react
state: {
    name: "myname"
}

// react使用setState
this.setState({
    name: "new name"
})

// 读取属性
console.log(this.state.name)

3.模板中绑定动态值和动态属性
<!-- vue -->
<div :class="color">
    名字：{{name}}
</div>

<!-- 小程序 -->
<view class="{{color}}">
    名字：{{name}}
</view>

<!-- react-->
<div className={color}>
    名字：{{name}}
</div>

4.循环和条件渲染
<!-- vue -->
<ul>
    <li v-for="item in [1,2,3]" :key="item">
        <span v-if="item !== 1">{{item}}</span>
    </li>
</ul>

<!-- 小程序，默认当前项是item, 默认下标是index -->
<view>
    <view wx:for="{{ 引用data声明的数组 }}" wx:key="index">
        <text wx:if="{{ item !== 1 }}">{{item}}</text>
    </view>
</view>

<ul>
    {
        [1,2,3].map(v => {
            return <li>{v}</li>
        })
    }
</ul>

小程序的异步请求使用wx.request
wx.request({
    url: "https://api.github.com/users",
    success(res){
        console.log(res)
    }
})

原生小程序和uniapp的区别
1.使用原生小程序的标签
2.使用原生小程序的生命周期
3.使用vue的语法
4.uniapp有自己的一套api
5.支持原生不支持的less和sass