uni-app满满的干货

1.小程序对vue的支持程度api

不支持--

Vue.extend,
Vue.complie
v-html v-cloak 
keep-alive
transition
slot

支持:--

Vue.filter,
Vue.user,
Vue.component
ref

2.页面跳转

a.uni.navigateBack(非tabBar)

 返回上个页面,返回时上个页面onLoad事件不会触发
uni.navigateBack({
    delta: 1 //1就是上一页 2就是两页
});   

b.uni.navigateTo (非tabBar)

保留当前页面,跳转到应用内的某个页面,使用uni.navigateBack可以返回到原页面
  uni.navigateTo({
    url:""
  })
注意:navigateTo 不可跳转tabBar页面,并且使用navigateTo跳转到另一个页面,
另一个页面得onLoad事件会触发,只有tabBar页面的onLoad在第一次调用才触发

c. uni.redirectTo(非tabBar)

关闭当前页面,跳转到应用内的某个页面(非tabBar的页面)
uni.redirectTo({
    url:''
})

d.uni.reLaunch

关闭所有页面,打开到应用内的某个页面,此页面可以是任意页面,一般在登录成功之后使用此方法可回到任意上一级页面
uni.reLaunch({
    url:""
 })

e.uni.switchTab

跳转到tabBar页面,并且不可携带参数
uni.switchTab({
   url:""
})

3.设置全局数据

可以使用vuex,和app.vue中globalData

4.支持配置全局组件,

需要在main.js中进行全局注册,注册后即可在所有页面中直接使用该组件

//在main.js中注册
import Vue from 'vue'
import pageHead from './components/page-head.vue'
Vue.component('page-head',pageHead)
//在index.vue中使用
  

5.使用字体图标

小程序中使用字体图标必须加上协议头 ``https``
小程序中不支持在css中使用本地文件,包括背景图和字体图标,需以base64方式方可使用

6.