外贸自建站平台怎么找,wordpress搬家后打不开网页,制作网站开发项目的方案书,做网站必须租服务器吗前言#xff1a; 在vue2于2023年底正式宣布不在维护#xff0c;vue3使用越来越频繁的时刻#xff0c;我们实现项目的辅助框架也越来越多。element, iview, antd 等经典框架继续风靡一时#xff0c;不过也有很多好的框架#xff0c;功能也强大#xff0c;比如我们今天说的… 前言 在vue2于2023年底正式宣布不在维护vue3使用越来越频繁的时刻我们实现项目的辅助框架也越来越多。element, iview, antd 等经典框架继续风靡一时不过也有很多好的框架功能也强大比如我们今天说的主角 arco.design 他是字节跳动的产品从2022到今天经历了时间的检验他的ui性能功能的扩展都是很强大的这里说说他的使用。 界面截图 1、官网入口web端移动端的框架目前只支持react有兴趣的可以点我去查看
点我https://arco.design/vue/docs/start
2、arco.design 于 ant.desig的 区别
Ant Design简称antd 是由阿里巴巴集团自研并开源的企业级 UI 设计语言和 React 组件库被广泛应用在阿里集团内外多个大型项目中。Arco Design 则是由字节跳动公司研发并开源的企业级设计体系和React组件库它旨在解决字节内部的各种UI定制化需求同时对外提供给社区使用。 尽管两者在基础功能上有一定的重叠但各自在设计理念、细节处理、社区支持等方面都有所不同。选择哪一个取决于项目的具体需求、团队对设计风格的偏好以及技术栈的兼容性考量。
个人使用理解 arco 的ui样式更加年轻化他的组件功能也更加强大把一部分常用的功能都暴露处理相比较传统的antd优势还是很明显的 3、arco.design的使用
安装
# npm
npm install --save-dev arco-design/web-vue
# yarn
yarn add --dev arco-design/web-vue完整引入
import { createApp } from vue
import ArcoVue from arco-design/web-vue;
import App from ./App.vue;
import arco-design/web-vue/dist/arco.css;const app createApp(App);
app.use(ArcoVue);
app.mount(#app);
更多操作
Arco Design Vuehttps://arco.design/vue/docs/start
国际化
templatea-config-provider :localeenUS//在这里放入你的组件或者router-viewa-pagination :total50 show-total show-jumper show-page-size //a-config-provider
/templatescript
import enUS from arco-design/web-vue/es/locale/lang/en-us; //英文
import zhCN from arco-design/web-vue/es/locale/lang/zh-cn; //中文
import zhTW from arco-design/web-vue/es/locale/lang/zh-tw; //中文-繁体
import jaJP from arco-design/web-vue/es/locale/lang/ja-JP; //日文
.../script
支持的地区语言
语言地区编码简体中文zh-CN英文en-US日文ja-JP繁体中文中国台湾zh-TW葡萄牙语pt-PT西班牙语es-ES印度尼西亚语id-ID法语法国fr-FR德语德国de-DE韩语ko-KR意大利语(意大利)it-IT马来语(马来西亚)ms-MY泰语th-TH越南语vi-VN高棉语柬埔寨km-KH阿拉伯语埃及ar-EG
4、案例项目Arco Pro
Arco Design Vuehttps://arco.design/vue/docs/pro/start
