通過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 根據文件示例 來寫頁面 如下 內容主體,可自定義內容及樣式 那是乙個秋意盎然 金風送爽的日子,我和父母一起來到了位於上師大旁的康健園。一踏進公園...