首先，请在uni-app的官方网站上简单看看其介绍。 本文的介绍是针对简单的微信小程序的转换。
在此之前，我们先来看看目录的比较
介绍一下转移的步骤吧
1、首先新建一个uniapp项目，然后在pages文件下创建一个目录，然后自行创建。 你可以把这里和小程序的项目名称一致。 接下来举个例子吧。 在pages文件下创建了一个新的目录demo，并在该目录下创建了demo.vue文件
在template/template script/script style/style2. pages.JSON中配置路线图信息。
' pages': [ //pages数组中的第一项表示APP应用程序的启动页。 参考： https://uni app.d cloud.io/collocation/pages { ' path ' 3360 ' pages/demo/demo }
1 )将小程序. wxml下的所有布局文件复制到template标记下
2 )将applet样式文件. wxss的所有样式复制到style文件下此处的style可以添加scoped，并且只对自己可见，以免混淆style scoped
3 )接下来修改标签的几种属性方法的使用方法。 这里只介绍我遇到的事情。 没有介绍的可以在官网上看到。
-1.列表渲染，在小程序中这样使用
view class=' item ' wx : for=' { lesson } ' wx : key=' id ' wx : for-item=' item '在uni-app中以这种方式使用vue
view class='item' v-for='(item，index ) in lessonto ' :key='index' -2 .条件语句在小程序中这样使用
label id=' BTN collect _ 40 ' data-id=' { { item.id } } ' wx 3360 if=' { { item.is collection } }已存储在集合/labelel中
buttonv-if=' item.is collection ' class=' deletecolorto ' type=' primary ' size=' mini '集合/button
-3. class的动态绑定在小程序中这样使用
view class='div {{scope=='all '？ selected ' : ' } ' catch tap=' select type ' data-type=' all '所有数据/view在uni-app中按此方式使用
view class=' itop ' : class=' { kai : item.is open }-4 :点击事件在小程序中：在bindtap中
label id=' BTN collect _ 40 ' class=' delete color ' bind tap=' collection click ' data-id=' { { item.id } } ' wx 3360
view class=' share to ' hover-class=' share to _ on ' @ click=' showpgfn '-5 .如何在将数据传递给方法的小程序中直接使用data-小程序
在view class=' book image ' bind tap=' show resource list ' data-id=' { { item.id } } uni-app中，方法传递数据的方式与vue相同
view class=' book image ' @ click=' show resource list (item.id )。
-6:组件的事件方法参考文档的相应更改
4 )最后一步是将小程序中用js编写的方法放在script标签下
请注意，data的应用是不同的。
-1.希望在小程序中动态更改组件this.setdata(Scope:'all ) )
data: { scope:'my '，}，uni-app中：希望动态更改组件this.scope='all '
exportdefault(data ) ) return ) Scope:'my，}，-2.生命周期检查函数与小程序相同
-3.方法的使用，一些定制的方法是小程序，这样
//分类selecttype:function(e ) vartype=e.current target.dataset.type； this.setdata(Scope:type，} ) this.getLesson ) type；uni-app中这样小心翼翼地放入methods方法中，根据实际情况进行一些修改
//分类选择类型(type ) { this.scope: type，)、-4:选择页面跳转和加入小程序
wx.navigate to ({ URL : ' ./tingxie/tingxie？ id=' that.data.audio id ' URL=' that.data.audio URL ' class list=' JSON.stringify (this.data.class list ) ) RS
Onload:function(options ) {var url=options.url； this.data.url=url； }
uni-app跳转页面和传奇
uni.navigate to ({ URL : '/pages/tingxie/tingxie？ id=' this.audio id ' URL=' this.audio URL ' class list=' JSON.stringify (that.class list ) Random='Random_sify 接收参数：
onload(options ) {var url=options.url； this.url=url； )总结：注意细节，勇于解决bug。