uni-app（從零開始）

uni-app 是什么？

• uniapp 就是使用Vue.js技術(shù)開發(fā)所有前端框架的跨端框架
• uniapp 就是可以將一套代碼 發(fā)布到多個(gè)平臺(tái)

uniapp 和 Vue 的關(guān)系？

• uniapp是基于vue進(jìn)行開發(fā)，繼承了Vue的特性和語(yǔ)法
• 在開發(fā)H5時(shí)支持所有的Vue語(yǔ)法
• uniapp對(duì)Vue的一些底層進(jìn)行了二次封裝記得參考文檔
• 但是在發(fā)布到app和小程序時(shí)也有部分Vue的語(yǔ)法是不可以使用的 比如：Vue-router和一些第三方的插件組件，因?yàn)樾〕绦蚴遣恢С諨om操作的

uniapp 和小程序之間的關(guān)系：

• 組件標(biāo)簽靠近小程序規(guī)范
• 接口能力（JS API）靠近微信小程序規(guī)范（通過小程序的api去晚上 打開手機(jī)攝像頭等Vue做不到的功能）
• 在Vue的生命周期的基礎(chǔ)上 具有微信小程序的所有周期

uniapp同常規(guī)web開發(fā)的區(qū)別

例如：

• web開發(fā)的常用標(biāo)簽

<div class="content"> <img class="logo" src="/static/logo. png"></ img> <p class="text-area"> <span class="title">普通 web標(biāo)簽</ span> </p> </div>

• uni-app開發(fā)使用的標(biāo)簽

<view class="content"> <image class="logo" src="/static/ logo . png"></ image> <view class="text-area"> <text class="title">小程序標(biāo)簽 </text> </view> </view>

uni-app的中運(yùn)用到的生命周期（微信小程序生命周期）

• onShow ：此生命周期函數(shù)—監(jiān)聽頁(yè)面顯示（頁(yè)面顯示）
• onHide：此生命周期函數(shù)—監(jiān)聽頁(yè)面隱藏（頁(yè)面隱藏）
• onReady：此生命周期—監(jiān)聽頁(yè)面處理渲染完成（頁(yè)面渲染完成）
• onUnload：此生命周期—監(jiān)聽頁(yè)面卸載（頁(yè)面卸載）
• onLoad：此生命周期—監(jiān)聽頁(yè)面加載（頁(yè)面加載）

總結(jié)

以上是生活随笔為你收集整理的uni-app(从零开始)的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。