uni-app開發基本知識點

uni-app:

開始：必須要有一個根view結點。

 

 

 外部文件引用方式的變化：

js要require進來，變成了對象。

  <script>  
        var util = require('../../../common/util.js');  //require這個js模塊 
        var formatedPlayTime = util.formatTime(playTime); //調用js模塊的方法 
    </script>

 

 

 高級引入方法：

    <!-- 直接使用js模塊的屬性。在hello uni-app有示例   -->
    var dateUtils = require('../../../common/util.js').dateUtils; <!-- 將js導入並重命名為echarts，然后使用echarts.來繼續執行方法。在hello uni-app有示例 --> import * as echarts from '/components/echarts/echarts.simple.min.js';

css外部文件引入：css外部文件導入。全局樣式，在根目錄下的 app.vue 里寫入，每個頁面都會加載 app.vue 里的樣式。

   <style> @import "./common/uni.css"; .uni-hello-text{ color:#7A7E83; } </style>

另外，vue支持組件導入，可以更方便的封裝一個包括界面、js、樣式的庫

 內置組件的變化：https://uniapp.dcloud.io/component/README

應用生命周期：

 

 注意點：應用生命周期僅可在App.vue中監聽，在其它頁面監聽無效。 2 onlaunch里進行頁面跳轉，如遇白屏報錯，請參考https://ask.dcloud.net.cn/article/35942

同時還包含頁面生命周期：這里不做詳細介紹，詳情請參考：https://uniapp.dcloud.io/collocation/frame/lifecycle?id=%e9%a1%b5%e9%9d%a2%e7%94%9f%e5%91%bd%e5%91%a8%e6%9c%9f

事件映射表：

 

uni-app組件的概念：

 

• 組件是視圖層的基本組成單元。
• 組件是一個單獨功能模塊的封裝。
• 一個組件包括開始標簽和結束標簽，標簽上可以寫屬性，並對屬性賦值。內容則寫在兩個標簽之內。
  • 根節點為 <template>，這個 <template> 下只能且必須有一個根 <view> 組件。這是vue單文件組件規范。
  • 一個組件的 data 選項必須是一個函數。