uni-app入门详解

 什么是uni-app

uni-app是一个使用Vue.js语法来开发所有前端应用的框架（也称之为全端开发框架）
技术栈：JavaScript，vue， 微信小程序， uni-app

 如何创建项目 

脚手架搭建项目
1.全局安装  
    npm install -g @vue/cli  
2.创建项目      
    vue create -p dcloudio/uni-preset-vue my-project     
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'>即可

 生命周期

• uni-app框架的生命周期结合了vue和微信小程序的生命周期
• 全局APP中使用 onLaunch 表示应用启动时
• 页面中使用 onLoad 或者 onShow 分别表示页面加载完成 和 页面显示时
• 组件中使用mounted 表示组件挂载完毕时