首頁>Club>
搭配起來高效簡潔,比如需要用到,網路請求,資料儲存等
20
回覆列表
  • 1 # 安全時刻

    Vue 是一套用於構建使用者介面的漸進式框架。與其它大型框架不同的是,Vue 被設計為可以自底向上逐層應用。Vue 的核心庫只關注檢視層,不僅易於上手,還便於與第三方庫或既有專案整合。另一方面,當與現代化的工具鏈以及各種支援類庫結合使用時,Vue 也完全能夠為複雜的單頁應用提供驅動。

    1、如果你是在做pc端的應用,最好的選擇是ElementUI。

    npm i element-ui -S

    最簡單的UI寫法:http://element-cn.eleme.io/#/zh-CN/component/installation

    2、APP mobile應用的話,最好選擇AUI或ionIc

    文件:http://www.auicss.com/doc/v/2/doc_id/1

    AUI 2.0是一套全新的AUI框架,在1.X基礎上進行了重新架構。在2.0中,全域性使用rem控制尺寸,完美適應不同解析度移動裝置;新加入的主題樣式表方便開發者自定義基礎顏色樣式,完成APP主題的定製。完美相容IOS 5.1+ 到Android 4.2+。因此我認為他是一款不錯的UI外掛。

  • 2 # 就叫春哥

    vue可以搭配的開發很多,針對前端和後端,有不同的搭配:

    1.針對手機端,可以單獨的就是vue可以做webapp,如果是要快速開發,可以選擇一些移動端開發框架,如uniapp,vant ui、MInt Ui、Nut UI、Cube UI等這些快速開發框架開發。

    2.真對後臺管理系統介面開發,可以選擇element ui、Ant Design Vue這兩個快速開發框架。

    3.針對後端介面,可以選擇java,.net,PHP開發都可以的。

    希望以上能幫助到你。

  • 3 # 啊雄的分享

    一、vue針對pc端UI框架有

    1,iview (最新,使用者評分高功能多炫酷 解決和避免了其他UI框架出現的一些小問題)

    2, bootstrap (使用使用者最多樣式死板沒特色)

    3,ElementUI (餓了麼團隊研發,使用較多不過裡還有些小bug)

    二、vue針對移動端UI框架有:

    1,BUI http://www.easybui.com/docs/ 很不錯 官網有影片介紹。影片裡有介紹非常非常實用的工具 建議去看官網影片。

    這個框架有現成的模板只需要一個 建立模板的命令 就可以建立一個大致的具有互動功能的頁面。

    2,vux (最新)

    vux基於WeUI和Vue(2.x)開發的移動端UI元件庫star 10k

    基於webpack+vue-loader+vux可以快速開發移動端頁面,配合vux-loader方便你在WeUI的基礎上定製需要的樣式。

    3,Mint UI

    Mint UI 由餓了麼前端團隊推出的 Mint UI 是一個基於 Vue.js 的移動端元件庫star 8.3k

    三、Vue用腳手架搭建

    1.安裝nodejs

    自帶npm

    2. 安裝淘寶映象 cnpm

    npm install -g cnpm --registry=https://registry.npm.taobao.org

    3.安裝webpack,開啟命令列工具輸入:npm install webpack -g,安裝完成之後輸入 webpack -v

    4.安裝腳手架

    用cnpm安裝vue腳手架

    cnpm install -g vue-cli

    5.建立工程 vue init webpack my-project

    需要注意的是專案的名稱不能大寫,不然會報錯

    6.安裝依賴cnpminstall

    7.用命令npm run dev 來啟動專案

    特別注意:

    1.如果提示“無法識別”,有可能是npm的版本過低。

    解決辦法:npm install -g npm(更新一下版本就好了)。

    2.如果安裝失敗的話。

    解決辦法:npm cache clean(清除一下快取就好了)

    四、後臺介面

    1.安裝npm install axios --save

    2.在main.js下引用axios

    import axios from "axios"

    3.準備json後臺資料:java、php、.net都可以

    4.跨域問題,設定代理,利用proxyTable屬性實現跨域請求在config/index.js 裡面找到proxyTable :{} ,然後在裡面加入以下程式碼

    proxyTable: { "/api": { target: "http://www.intmote.com",//設定你呼叫的介面域名和埠號 別忘了加http changeOrigin: true,//允許跨域 pathRewrite: { "^/api": "" //這個是定義要訪問的路徑,名字隨便寫 } } },

    5.開啟一個介面,開始寫請求資料的方法

    methods: { getData() { axios.get("/api/test.json").then(response = { console.log(response.data); }, response = { console.log("error"); }); } }

    希望以上能幫助到你。

  • 4 # TZJ3611

    網路請求用axios,介面用element-ui,jquery是一定要用的,搭工程的話就直接用vue-cli腳手架,推薦3.0版本以上的,配置比較少,比較好用一點,差不多就這些了,然後如果有什麼特殊需求的話,可以去下載其他外掛。

  • 5 # 西貝裝機

    你這個標題好尷尬啊。看標題根本不知道怎麼回答。vue就是一個前端框架,只好看內容,資料請求一般用axios,資料持久儲存前端應該做不到吧。。可能你是不是在說狀態管理,那應該都是用vuex

  • 6 # 擇偶時分

    簡單點幾乎通用的技術棧

    資料互動-axios

    狀態管理-vux

    ui框架-element-ui/iview/ant-design-vue

    路由-vue-router

    資料快取-lodb/localStorage和sessionStorage

  • 7 # csalx

    推薦ElementUI ,上手簡單,元件豐富,佔用空間小。無論是pc還是移動端都適用,另外有個隱藏的scroll bar元件特別適用於移動端。

  • 8 # 鄉村美農

    vue.js搭配什麼座前端開發比較好?根據我老公給我敘說的一些前端知識以及他經常使用的一些前端開發框架,就我個人來說說vue到底搭配什麼開發比較好。

    一、UI框架

    如今UI框架是數不勝數,因此在選擇UI框架的時候一定要選擇擴充套件性好,社群人數多,開發及更新速度快的UI框架。

    elementUIiviewUIantdMintUI

    以上這些UI框架是很多前端開發工程師經常接觸和使用的,我覺得大家可以選擇antd框架,這個框架是阿里的,感覺還是很不錯的。

    二、網路請求框架

    vue是一個檢視框架,但是如果vue+vuex+vue-router就是一個mvvm框架,前端開發的目的就是為了透過前端技術的網路請求獲取後端的資料進行顯示。大概目前較為流行的網路請求框架如下

    fetchaxiosrequest

    很常見的就是vue+axios的搭配,在開發中使用最多的也就是vue+axios。

    三、狀態管理

    狀態管理方面,就更加容易了,直接使用官方的vuex即可,當然也可以選擇redux,一般情況下都是採用vue+vuex,以為是官方生態,使用起來也比較方便。

    總之,vue就是JavaScript,既然是JavaScript,那麼只要是JavaScript的一些第三方工具或者框架都可以跟vue一起搭配使用。希望此文能夠幫助到你。

  • 中秋節和大豐收的關聯?
  • 冬天跑步,注意什麼?