Vue如何使用ELEMENT前端框架,以及其他框架

简介: Vue如何使用ELEMENT前端框架,以及其他框架

1、官网链接:Element - The world's most popular Vue UI framework

2、如何使用:点击组件

3、先安装

4、

npm i element-ui -S

5、直接复制代码就行,详情请看javaweb专栏,前后端分离------后端创建笔记(04)前后端对接

6、在src下的main.js中指定当前项目中使用elementui

1. import ElementUI from 'element-ui';
2. import 'element-ui/lib/theme-chalk/index.css';

import ElementUI from 'element-ui';

import 'element-ui/lib/theme-chalk/index.css';

7、将elementui注册到vue实例上,在main.js中进行使用

Vue.use(ElementUI);

Vue.use(ElementUI);

8、最常用的Vue组件库

PC 端

Element UI(https://element.eleme.cn/#/zh-CN)

View UIhttp://v1.iviewui.com/

移动端

Mint UI(http://mint-ui.github.io/#!/zh-cn

Vant(https://vant-contrib.gitee.io/vant/#/zh-CN/

相关文章
|
6天前
|
开发框架 小程序 前端开发
uni-app前端应用开发框架
uni-app对做移动端开发的来说应该无人不知、无人不晓了吧?!从名字就能看出来这个框架要干啥,unify app——没错,就是统一前端应用开发,不管你是小程序、app、还是H5、公众号,用这个框架都能做。uni-app让开发者编写一套代码,就可以编译为安卓app、ios app、微信小程序、抖音小程序、支付宝小程序等十几个平台,而且马上支持纯血鸿蒙了,这简直是个人、开发工作室、小型开发公司的福音,开发一些常规的app、小程序,用这个框架足够了。
19 7
|
4天前
|
前端开发 JavaScript 数据管理
引领潮流:React框架在前端开发中的革新与实践
React,始于2013年,由Facebook驱动,以其组件化、Virtual DOM、单向数据流和Hooks改革前端。组件化拆分UI,提升代码复用;Virtual DOM优化渲染性能;Hooks简化无类组件的状态管理。庞大的生态系统,包括Redux、React Router等库,支持各种需求。例如,`useState` Hook在计数器应用中实现状态更新,展示React的实用性。React现已成为现代Web开发的首选框架。【6月更文挑战第24天】
24 2
|
12天前
|
开发框架 前端开发 JavaScript
【前端】前端的三大主流框架
【前端】前端的三大主流框架
18 3
|
17天前
|
前端开发 JavaScript 测试技术
web前端语言框架:探索现代前端开发的核心架构
web前端语言框架:探索现代前端开发的核心架构
21 4
|
4天前
|
存储 JavaScript 前端开发
vue 快速入门+vite前端构建工具
vue 快速入门+vite前端构建工具
11 0
|
4天前
|
资源调度 JavaScript 前端开发
【前端 - Vue】Vuex基础入门,创建仓库的详细步骤
【前端 - Vue】Vuex基础入门,创建仓库的详细步骤
|
4天前
|
JavaScript 前端开发
【前端 - Vue】关于ESlint代码规范及格式化插件
【前端 - Vue】关于ESlint代码规范及格式化插件
|
4天前
|
存储 缓存 JavaScript
【前端 - Vue】之 Keep-Alive缓存组件使用语法及原理解析,超详细!
【前端 - Vue】之 Keep-Alive缓存组件使用语法及原理解析,超详细!
|
12天前
|
前端开发 JavaScript 安全
Web前端开发中的三大主流框架
Web前端开发中的三大主流框架
|
16天前
|
前端开发 JavaScript 编译器
Svelte框架:编译时优化的高性能前端框架
Svelte是一款由Rich Harris于2016年创建的高性能前端框架,以其编译时优化著称。它将复杂UI逻辑转化为高效的JavaScript,减少运行时开销。Svelte的核心理念是将编译时和运行时的复杂性分离,通过模板语法、组件系统、响应式系统和编译器实现高性能。关键优化策略包括声明式更新、模板内联、计算属性缓存、事件处理优化和代码分割。Svelte提供热模块替换、类型检查和丰富的生态系统,如SvelteKit。其响应式系统基于Reactive Statements,自动更新组件。
24 0