文章 2024-10-18 来自:开发者社区

vue3+Ts 二次封装ElementUI form表单

在开发中常常需要对某个组件进行二次封装来提升快速开发的效率,比如form表单需求:需要对表单进行二次封装以及基于表单封装进行封装搜索组件 在src下面新建 base-ui文件夹其中:src文件夹:存放组件,types文件:存放类型,inde.ts:集中导出组件和类型 封装 formtypes:ind...

文章 2024-09-27 来自:开发者社区

组件库实战 | 用vue3+ts实现全局Header和列表数据渲染ColumnList

$stringUtil.substring( $!{XssContent1.description},200)...

组件库实战 | 用vue3+ts实现全局Header和列表数据渲染ColumnList
文章 2024-09-09 来自:开发者社区

vue3+ts项目中使用mockjs

前后端分离的开发模式,前端需要向后端请求数据(ajax请求),但实际开发过程中,前后端会约定一份接口文档,但前后端开发进度并不一致,当后端没有完善接口功能时,前端需要在本地模拟数据返回,此时需要使用到mockjs。 安装mocknpm install mockjs --s...

文章 2024-08-21 来自:开发者社区

Vue3中getCurrentInstance如何与ts结合使用

全局变量访问 创建 import App from './App.vue' import axios from 'axios' const app = createApp(App) app.config.globalProperties.$axios = axios; app.mount('#app') 使用 import { getCurrentInstance } fr...

Vue3中getCurrentInstance如何与ts结合使用
文章 2024-08-15 来自:开发者社区

基于Vue3+TS简单设计一个查看文章时点击展开和点击收起的小功能

前言 这是一个展开和收起的小功能,可用于查看文章时点击展开和点击收起。 一、示例代码 (1)/src/views/Example/ExpandToggle/index.vue <template> <div class="e-w"> <div class="e-w-main" :class="{ 'e-w-expand': isExpand }"...

基于Vue3+TS简单设计一个查看文章时点击展开和点击收起的小功能
文章 2024-07-02 来自:开发者社区

Vue开发项目过程中环境变量的配置(vite、vue3、ts)

项目开发过程中,至少会经历开发环境、测试环境和生产环境(即正式环境)三个阶段。不同阶段请求的状态(如接口地址等)不尽相同,若手动切换接口地址是相当繁琐且易出错的。于是环境变量配置的需求就应运而生,我们只需做简单的配置,把环境状态切换的工作交给代码。 开发环境(development) 顾名思义,开发使用的环境,每位开发人员在自己的dev分支上干活,开发到一定程度,同事会...

Vue开发项目过程中环境变量的配置(vite、vue3、ts)
文章 2024-06-17 来自:开发者社区

vite+vue3+ts从0到1搭建企业级项目(4)

vite+vue3+ts从0到1搭建企业级项目(3)https://developer.aliyun.com/article/1540140 9. 集成 element-plus 安装 yarn add element-plus ...

vite+vue3+ts从0到1搭建企业级项目(4)
文章 2024-06-17 来自:开发者社区

vite+vue3+ts从0到1搭建企业级项目(3)

vite+vue3+ts从0到1搭建企业级项目(2)https://developer.aliyun.com/article/1540138 5. 集成 pinia Pinia 是一个状态管理工具,和 Vuex 一样为 Vue 项目提供共享状态管理工具。并且支持vue2和vue3,主要是为vue3提供状态管理,支持typescript。Pinia可以创建多个全局仓库,不用像 Vu...

vite+vue3+ts从0到1搭建企业级项目(3)
文章 2024-06-17 来自:开发者社区

vite+vue3+ts从0到1搭建企业级项目(2)

vite+vue3+ts从0到1搭建企业级项目(1)https://developer.aliyun.com/article/1540136 3. 代码质量风格的统一 集成 eslint eslint是可组装的javascript和JSX检查工具。就是说它可以帮我们检查我们的javascript代码,来保证代码的一致性和避免错误。当然,通过其他的解释器,它也能帮我们检查t...

vite+vue3+ts从0到1搭建企业级项目(2)
文章 2024-06-17 来自:开发者社区

vite+vue3+ts从0到1搭建企业级项目(1)

一. 初始化项目 使用 NPM: npm create vite@latest ...

vite+vue3+ts从0到1搭建企业级项目(1)

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

阿里巴巴终端技术

阿里巴巴终端技术最新内容汇聚在此,由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界,将面向未来,制定技术策略和目标并落地执行,推动终端技术发展,帮助工程师成长,打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号:阿里巴巴终端技术,欢迎关注。

+关注