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

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。