uniapp基本知识

******脚手架搭建uniapp项目

1.全局安装  
    npm install -g @vue/cli  
2.创建项目      
    vue create -p dcloudio/uni-preset-vue my-project   
    创建成功后修改manifest.json，配置已注册的小程序appId  
3.启动项目（微信小程序）   
    npm run dev:mp-weixin    
4.微信小程序开发者工具导入项目    

******样式和sass

• 支持小程序的rpx 和 h5的vw，vh。
  rpx 小程序中的单位 750rpx = 屏幕宽度 vw h5单位 100vw = 屏幕的宽度， 100vh = 屏幕的高度
• 内置sass的配置， 只需要安装对应的依赖即可 npm install sass-loader node-sass
• vue组件中，在style标签上加入属性<style lang= 'scss'>即可

******生命周期，详见文档：

1、全局的APP中使用onLaunch表示应用启动时

2、页面中使用onLoad表示页面加载完毕时

      或者 onShow表示页面显示时

3、组件中使用mounted表示组件挂载完毕时

 

******全局共享数据的方法

1、通过Vue的原型共享数据

2、通过globalData

3、vuex

4、本地存储

globalData使用说明如下：

（1）在App.vue文件中

<script>
  export default{
    globalData:{
      commonData:'www.baidu.com'
    }
  }

</script>

(2)使用文件中使用getApp()获取：

//eg：
onLoad(){
  // getApp表示小程序的整个应用实例
  getApp().globalData.commonData
}

//也可以更改值
onLoad(){
  getApp().globalData.commonData=‘www.baidu.com’
}