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：此生命周期—監聽頁面加載（頁面加載）