uni-app总结笔记

1.什么是uniapp

• 基于vue开发的（懂vue的朋友问题是不大的），是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉）等多个平台。
• 跨端：小程序、H5、qq小程序啥的都可以用（会有小坑，毕竟兼顾这么多端）
• 没有啥效果很棒组件，几乎都要自己写，也不建议去用其它花里胡哨的，容易出问题（能简则简）
• uinapp 是多页，vue是多页

2.重要文件解读：

• package.json : 包管理器，和vue里面差不多
• main.js : 入口文件，与vue同。里面可以配置一些全局的东西
• pages.json : 与vue的router.js差不多，配置路由的
• static: 放置静态文件，一般放些图片啥的
• pages : 和vue的view文件夹差不多，放组件的
• store : vuex

3.开发上需要注意的地方

• uniapp没有div用view代替
• 使用图片需要import引入，并在data里返回，最后才能绑定到标签里去
• onLoad()为加载函数，用的多一点，其他生命周期函数的可以去官网看
• 请求（使用原生的即可）

  uni.request({
      url: '',
      data: {},
      methods: 'get',
      success:(res) =>{
          console.log(res)
      },
      fail: (err) => {
      console.log(err)
  
  })
      

  页面跳转(几个常用的)

• uni.navigateTo   常用，保留当前页面，跳转到应用内的某个页面。

• uni.redirectTo     不保留当前页面，跳转到应用内的某个页面。（与上面的区别一样，场景不同的）

• window.location.href 跳转站外，还得原生JS

内置提示

• uni.showToast(): 提示框

• uni.showLoading(): 过渡动画，需要手动关掉 uni.hideLoading()

由于uniapp本身没啥ui插件，大家可以在社区找：社区地址（找评分高的就行）

1. 不要想着用uniapp搞一些花里胡哨的操作
2. 尽量使用原生的组件，兼容性好，稳一些
3. 不要去引一些花里胡哨的查件库，都容易出问题