vue引入普通js vue搭配什么做前端開發(fā)比較好?
vue搭配什么做前端開發(fā)比較好? Vue 是一套用于構(gòu)建用戶界面的漸進(jìn)式框架。與其它大型框架不同的是,Vue 被設(shè)計為可以自底向上逐層應(yīng)用。Vue 的核心庫只關(guān)注視圖層,不僅易于上手,還便于
vue搭配什么做前端開發(fā)比較好?
Vue 是一套用于構(gòu)建用戶界面的漸進(jìn)式框架。與其它大型框架不同的是,Vue 被設(shè)計為可以自底向上逐層應(yīng)用。Vue 的核心庫只關(guān)注視圖層,不僅易于上手,還便于與第三方庫或既有項(xiàng)目整合。另一方面,當(dāng)與現(xiàn)代化的工具鏈以及各種支持類庫結(jié)合使用時,Vue 也完全能夠?yàn)閺?fù)雜的單頁應(yīng)用提供驅(qū)動。
1、如果你是在做pc端的應(yīng)用,最好的選擇是ElementUI。
npm i element-ui -S
最簡單的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)不同分辨率移動設(shè)備;新加入的主題樣式表方便開發(fā)者自定義基礎(chǔ)顏色樣式,完成APP主題的定制。完美兼容IOS 5.1 到Android 4.2 。因此我認(rèn)為他是一款不錯的UI插件。
iview如何實(shí)現(xiàn)路由跳轉(zhuǎn)?
iView作為一個基于Vue的UI組件庫,提供了常用的UI組件,并且在不斷完善中,也被阿里巴巴、騰訊、百度、頭條(字節(jié)跳動)、美團(tuán)、滴滴等大公司使用,但它畢竟只是一個UI組件庫,自身是不具備路由跳轉(zhuǎn)功能的。
要做路由跳轉(zhuǎn)的話,還是要用Vue的Vue-router插件。Vue-Router是Vue官方的路由管理器,和Vue核心深度集成,提供了嵌套路由、命名視圖、命名路由、編程式導(dǎo)航等基本功能和導(dǎo)航守衛(wèi)、數(shù)據(jù)獲取、路由懶加載等多種高級功能,滿足單頁面的路由需求??偨Y(jié)來說,其包含的功能有:
- 嵌套的路由/視圖表
- 模塊化的、基于組件的路由配置
- 路由參數(shù)、查詢、通配符
- 基于 Vue.js 過渡系統(tǒng)的視圖過渡效果
- 細(xì)粒度的導(dǎo)航控制
- 帶有自動激活的 CSS class 的鏈接
- HTML5 歷史模式或 hash 模式,在 IE9 中自動降級
- 自定義的滾動條行為
既然是插件,在使用前就需要先安裝。安裝好之后,先在
main.js
文件里面引入,如下圖所示:然后在
app.vue
里寫明:然后就可以使用路由跳轉(zhuǎn)了,具體使用方法請參考官方文檔:https://router.vuejs.org/zh/guide/essentials/dynamic-matching.html
以上就是我的回答,希望能幫到你。
Vue pc端UI組件庫有哪些?
vue PC端UI組件庫
1、Element『github star 45.6K』
餓了么團(tuán)隊開發(fā)的一套為開發(fā)者、設(shè)計師和產(chǎn)品經(jīng)理準(zhǔn)備的基于 Vue 2.0 桌面端組件庫。
2、iView『github star 23.3K』
一套基于 Vue.js 的高質(zhì)量UI 組件庫。目前統(tǒng)計使用 iView 組件庫的大廠有:今日頭條、阿里巴巴、騰訊、百度、京東、滴滴、美團(tuán)、新浪...
3、Vuetify『github star 25.8K』
基于Vue.js的Material Design組件框架。包含手工制作的精美材料組件。不需要設(shè)計技能,也能創(chuàng)建令人驚嘆的應(yīng)用程序。
4、Quasar『github star 14.9K』
基于Vue.js的開源框架,允許Web開發(fā)人員快速創(chuàng)建多種類型的responsive 網(wǎng)站/應(yīng)用,編寫代碼一次并同時將其部署為網(wǎng)站、移動應(yīng)用或Electron應(yīng)用。
5、Ant Design Vue『github star 10.5K』
基于 vue.js 和 Ant Design 樣式的 UI組件庫,開發(fā)和服務(wù)于企業(yè)級產(chǎn)品。
6、BootstrapVue『github star 11.6K』
基于 Bootstrap v4 Vue.js 的前端 UI 框架。基于flexbox彈性布局,用于在web上構(gòu)建響應(yīng)式,移動優(yōu)先的項(xiàng)目。
7、Muse-UI『github star 8.1K』
基于 Vue 2.0 優(yōu)雅的 Material Design UI 組件庫。
vue組件化開發(fā)怎么引入外部js文件?
這里的組件化開發(fā)是使用什么??
vue-loader么...
如果是vue-loader可以通過 require來引入就可以
比如Js文件寫到assets/js中
在main.js中可以 require("./src/assets/xxx.js")
如果只是單頁面html,可以直接引入就行了