什么是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 表示组件挂载完毕时