vue使用axios跨域 vue搭配什么做前端開(kāi)發(fā)比較好?
vue搭配什么做前端開(kāi)發(fā)比較好? Vue 是一套用于構(gòu)建用戶界面的漸進(jìn)式框架。與其它大型框架不同的是,Vue 被設(shè)計(jì)為可以自底向上逐層應(yīng)用。Vue 的核心庫(kù)只關(guān)注視圖層,不僅易于上手,還便于
vue搭配什么做前端開(kāi)發(fā)比較好?
Vue 是一套用于構(gòu)建用戶界面的漸進(jìn)式框架。與其它大型框架不同的是,Vue 被設(shè)計(jì)為可以自底向上逐層應(yīng)用。Vue 的核心庫(kù)只關(guān)注視圖層,不僅易于上手,還便于與第三方庫(kù)或既有項(xiàng)目整合。另一方面,當(dāng)與現(xiàn)代化的工具鏈以及各種支持類庫(kù)結(jié)合使用時(shí),Vue 也完全能夠?yàn)閺?fù)雜的單頁(yè)應(yīng)用提供驅(qū)動(dòng)。
1、如果你是在做pc端的應(yīng)用,最好的選擇是ElementUI。
npm i element-ui -S
最簡(jiǎn)單的UI寫法:http://element-cn.eleme.io/#/zh-CN/component/installation
2、APP mobile應(yīng)用的話,最好選擇AUI或ionIc
文檔:http://www.auicss.com/doc/v/2/doc_id/1
AUI 2.0是一套全新的AUI框架,在1.X基礎(chǔ)上進(jìn)行了重新架構(gòu)。在2.0中,全局使用rem控制尺寸,完美適應(yīng)不同分辨率移動(dòng)設(shè)備;新加入的主題樣式表方便開(kāi)發(fā)者自定義基礎(chǔ)顏色樣式,完成APP主題的定制。完美兼容IOS 5.1 到Android 4.2 。因此我認(rèn)為他是一款不錯(cuò)的UI插件。
Vue被淘汰了嗎?
我今天才開(kāi)始去了解Vue-cli 3.0,著手寫了一個(gè)demo下來(lái)發(fā)現(xiàn),簡(jiǎn)直驚為天人,拋棄了2.x版本繁瑣的webpack配置,現(xiàn)在的可以說(shuō)簡(jiǎn)潔明了,你甚至不用寫vue.config.js也行,空著唄,反正無(wú)傷大雅,但如果你配置一下你會(huì)發(fā)現(xiàn)也并不麻煩。
在我知道的知識(shí)范圍內(nèi),應(yīng)該是沒(méi)有比這個(gè)腳手架更能快速直接地反應(yīng)出數(shù)組或?qū)ο笞兓牧恕?/p>
此外,語(yǔ)法糖基本沒(méi)有很大變化,以前該怎么用現(xiàn)在還怎么用,只是性能優(yōu)化和語(yǔ)法糖很多了。講真,我完全找不到vue-cli3.0致命的坑。
然后,我還看到有人為jq打抱不平,我在一年半以前基本都是用jq寫的,那時(shí)候覺(jué)得jq是js最好的框架,實(shí)在太方便了,操作dom也實(shí)在太爽了,直到我某次寫一個(gè)排課項(xiàng)目卡了殼。。。
隨后我就轉(zhuǎn)小程序了,發(fā)現(xiàn)小程序的寫法不就是vue么。。。尤其是組件的寫法。。。
講到底,vue被淘汰有點(diǎn)難,畢竟這個(gè)時(shí)代是操作數(shù)據(jù)的時(shí)代,已經(jīng)不是dom操作的天下了。
最后,我覺(jué)得你不應(yīng)該拘泥于前端框架,就算以后會(huì)出現(xiàn)更先進(jìn)的框架,充其量也還是js,我實(shí)在想不出在框架這方面還能玩出什么花了。大概es會(huì)慢慢參考這些框架,然后自己變成如此也說(shuō)不定。就比如當(dāng)年你能想到j(luò)s里面還能寫class來(lái)繼承?我第一次看到還以為是java。。。但現(xiàn)在不也就支持了么。。。
所以為什么不把目光放向后端?node都熟練了嗎?deno了解過(guò)嗎?php入門了嗎?python好歹掌握一下吧?這些語(yǔ)言我相信以后會(huì)慢慢出現(xiàn)在前端必會(huì)知識(shí)點(diǎn)里面(雖然php已經(jīng)是了,但感覺(jué)過(guò)氣了啊,說(shuō)好的php是世界上最好的語(yǔ)言呢。。。)
在vue模板引入jQuery報(bào)錯(cuò),誰(shuí)知道怎么解決?
單獨(dú)建一個(gè)vue文件,里面寫
import $ from "jquery"
window. $=$
window. jQuery=$
export default $
將上面文件當(dāng)做一個(gè)模塊,你要在哪個(gè)頁(yè)面使用jq,就引入這個(gè)模塊就好。
開(kāi)發(fā)的世界,什么情況都可能遇到,那些說(shuō)弱雞才引入jq的,還是開(kāi)發(fā)年齡太短,遇到問(wèn)題太少。
我react的項(xiàng)目,做到一半,團(tuán)隊(duì)要求使用ztree做一個(gè)很重要的功能,但是ztree是依賴jq的,肯定要自己想辦法啊
vue中Axios的封裝與API接口的管理詳解?
首先,在自己建的公用方法的文件中new一個(gè)新的HttpUtil.js文件。以下為HttpUtil.js的內(nèi)容:var axios = require("axios")// 配置項(xiàng)目根如路徑var root = "http://localhost:8090/manage"http:// axios請(qǐng)求function httpApi (method, url, params) { return new Promise((resolve, reject) => { axios({ method: method, url: url, data: method === "POST" || method === "PUT" ? params : null, params: method === "GET" || method === "DELETE" ? params : null, baseURL: root, withCredentials: false }).then((response) => {resolve(response)}).catch((error) => {reject(error)})})}// 返回在vue模板中的調(diào)用接口export default { get: function (url, params) { return httpApi("GET", url, params)}, post: function (url, params) { return httpApi("POST", url, params)}, put: function (url, params) { return httpApi("PUT", url, params)}, delete: function (url, params) { return httpApi("DELETE", url, params)}}
解決vue引入子組件報(bào)錯(cuò)的問(wèn)題?
1.引入是否成功,檢查import
2.注冊(cè)名稱是否對(duì)應(yīng)
3.使用時(shí)名稱是否對(duì)應(yīng)
4.查看報(bào)錯(cuò)信息,是否是子組件或者父組件問(wèn)題報(bào)錯(cuò)
5.等等等等,還是看報(bào)錯(cuò)