Vue相關框架

2021-08-07 09:49:40 字數 905 閱讀 1027

引入方式都差不多, 通過npm引入,或者cdn等。

一、移動端:

1、mint-ui:

安裝:

npm install mint-ui -s
引入元件:

// 引入全部元件

import vue from 'vue';

import mint from 'mint-ui';

vue.use(mint);

// 按需引入部分元件

import from 'minu-ui';

vue.component(cell.name, cell);

vue.component(checklist.name, checklist);

2、vux:

3、weui:

計,令使用者的使用感知更加統一。

4、jquery-weui:

jquery weui 的最大特點是它只提供ui元件,並不會對專案所使用的框架和其他庫有任何的限制,幾乎可以在任何環境下使用。無論你的專案是基於jquery,還是 react, angular, vue, 你都會發現 jquery weui 能非常方便的和他們結合使用。既是你的專案是乙個有很悠久歷史的老專案,也幾乎可以做到拿來即用。

5、frozen ui:

二、pc端:

1、element-ui:

適用於後台管理系統

2、iview:

適用於後台管理系統

3、semantic:

國外的庫

4、amaze ui:

中國首個開源html5跨屏

amaze ui web:移動有限、響應式、跨屏ui元件庫

amaze ui touch:專屬手機端ui元件庫

5、keen ui:

Vue框架 Vue指令

v cloak 避免螢幕閃爍 class屬性 重點 style屬性 了解 案例 123 data methods 12 3 事件處理 3 v if有家族 v if v else if v else if控制顯隱 你是第1個p 你是第2個p 你是第3個p 案例綠 藍 注意 v for遍歷要依賴於乙個所...

前端 vue框架

model 模型 資料 view 檢視 html 標籤,樣式 viewmodel 用來結合模型和檢視 決定資料展示在哪個標籤上 vue中的資料和頁面上標籤內容是 繫結 在一起的,模型資料發生了變動,頁面檢視也會相應變化。這種特性稱之為 響應式 框架。佔位,到模型中找相應的資料進行展示,匹配的是模型資...

Vue框架簡介

什麼是vue.js vue.js 是前端的主流框架之一,和angular.js react.js 一起,並成為前端三大主流框架!vue.js 是一套構建使用者介面的框架,只關注檢視層,它不僅易於上手,還便於與第三方庫或既有專案整合。vue有配套的第三方類庫,可以整合起來做大型專案的開發 前端的主要工...