uni-app(从零开始)

uni-app（从零开始）

uni-app 是什么？

• uniapp 就是使用Vue.js技术开发所有前端框架的跨端框架
• uniapp 就是可以将一套代码 发布到多个平台

uniapp 和 Vue 的关系？

• uniapp是基于vue进行开发，继承了Vue的特性和语法
• 在开发H5时支持所有的Vue语法
• uniapp对Vue的一些底层进行了二次封装记得参考文档
• 但是在发布到app和小程序时也有部分Vue的语法是不可以使用的 比如：Vue-router和一些第三方的插件组件，因为小程序是不支持Dom操作的

uniapp 和小程序之间的关系：

• 组件标签靠近小程序规范
• 接口能力（JS API）靠近微信小程序规范（通过小程序的api去晚上 打开手机摄像头等Vue做不到的功能）
• 在Vue的生命周期的基础上 具有微信小程序的所有周期

uniapp同常规web开发的区别

例如：

• web开发的常用标签

<div class="content">
<img class="logo" src="/static/logo. png"></ img>
<p class="text-area">
<span class="title">普通 web标签</ span>
</p>
</div>

• uni-app开发使用的标签

<view class="content">
<image class="logo" src="/static/ logo . png"></ image>
<view class="text-area">
<text class="title">小程序标签 </text>
</view>
</view>

uni-app的中运用到的生命周期（微信小程序生命周期）

• onShow ：此生命周期函数—监听页面显示（页面显示）
• onHide：此生命周期函数—监听页面隐藏（页面隐藏）
• onReady：此生命周期—监听页面处理渲染完成（页面渲染完成）
• onUnload：此生命周期—监听页面卸载（页面卸载）
• onLoad：此生命周期—监听页面加载（页面加载）