uni app學習基礎

2022-07-10 05:48:10 字數 1350 閱讀 6711

通過vue-cli命令列

環境安裝

全域性安裝vue-cli

npm install -g @vue/cli
建立專案

使用正式版(對應hbuilderx最新正式版)

vue  create dcloudio/uni-preset-vue my-project
使用alpha版(對應hbuilderx最新alpha版)

vue create -p dcloudio/uni-preset-vue#alpha my-alpha-project
npm run dev:mp-weixin
當然,還有其他版本:支付寶小程式、qq小程式等src/

內建有sass的配置,只需要安裝對應的依賴即可:npm install sass-loader node-sass

vue元件中,在style標籤上加上屬性pages/index/index.vue

父向子傳遞引數,通過屬性的方式

pages/index/index.vue

components/img-border.vue

子向父傳遞引數,通過觸發事件的方式

components/img-border.vue

pages/index/index.vue

子元件傳遞過來的路徑:}

通過全域性資料傳遞引數components/my-form.vue

標題

內容

pages/index/index.vue

頁面中,使用onload或者onshow分別表示頁面載入完畢時和頁面顯示時

元件中使用mounted表示元件掛載完畢時

vue生命週期

uniapp 學習筆記

第一天學學習 1 看了官方文件 3 研究了下colorui 總結 超快猛的東西,太爽了。第二天 大老說 colorui 不太爽,換uview,1 研究這個框架研究了一上午,按官網git說明引用不好用,最後使用了絕招,直接複製main.js。他的文件就是大坑,浪費我三個小時。2 自己改介面寫自己需要的...

uni app 整理基礎筆記

陣列訪問多個資料 1.js陣列快取 var lists var arr newarray 3 arr 0 this bankid arr 1 this nunmphone arr 2 this idcar lists.push arr uni.setstorage 2.style三元運算判斷 判斷背...

uni app學習筆記 卡片布局(五)

1 將時間外掛程式 timepicker匯入到 開發工具hbuilderx 2 匯入之後可以看到在我的專案底下多出了乙個元件components資料夾 3 根據文件示例 來寫頁面 如下 內容主體,可自定義內容及樣式 那是乙個秋意盎然 金風送爽的日子,我和父母一起來到了位於上師大旁的康健園。一踏進公園...