說完了這一些,接下來的重點,就是選型了。經過一天的搜尋,最終定位到了vue(
根據vue官網的引導,搭建的過程其實很簡單
1. 安裝 vue
npm install vue2. 命令列工具
npm install --global vue-cli3. 初始化專案
vue init webpack office-vue4. 安裝依賴,啟動
cd office-vue5. 開啟瀏覽器就能看到初始化的頁面了,滿屏的vue元素npm install
npm run dev
ui框架的話,畢竟不是專業做h5的,所以之前了解的不是很多,知道的比如bootstrap、antd、weui,在學習vue過程中,去搜尋意外發現了餓了麼也維護了乙個ui版本,而且特別說明是與vue配合使用的,在檢視了介紹以後,決定表單部分試用一下(稍後的篇章進行說明)
2023年的時候,學過jsp,時過近7年,原來用的那些東西,什麼div、css,早就不知道跑哪去了。所以,還是憑藉那一丁點的記憶,一點一點的摸索前行吧。
通過vue畫出這個頁面,然後再去考慮介面通訊方案。
接下來就是用vue擼**了,預知下回如何,待我下節娓娓道來。
vue學習記錄
vue從json中遍歷位址 例如v for item in getmenuitems key item.title vue從子元件靜態資料傳遞到父元件1.首先在子元件中定義乙個方法,通過按鈕觸動方法,此方法是子元件向父元件傳值 結算 methods 2.父元件在體現子元件的html結構處,繫結子元件...
Vue學習記錄(1)
記錄下前段時間學習的vue,方便自己後面回來檢視。ps vue全家桶 1.vue router 2.vuex 3.vue resource 加上構建工具 vue cli 餓了麼 元件 pc端 element ui 移動端 mint ui angular 09年 react 2013年,使用者體驗好 ...
vue學習記錄 指令
資料繫結指令,可以防止閃屏!更新元素的innerhtml。在 上動態渲染任意 html 是非常危險的,因為容易導致 xss 攻擊。只在可信內容上使用 v html,永不用在使用者提交的內容上。根據表示式之真假值,切換元素的 display css 屬性。當條件變化時該指令觸發過渡效果。不同的是帶有 ...