前端框架Vue(13)——vue 中如何对公共css、 js 方法进行单文件统一管理,全局调用

本文介绍在Vue项目中如何将多个组件间的公共方法抽离至util.js,并通过两种方式实现复用:直接在组件中引用及集成到Vue原型上。同时,探讨CSS公用样式的抽离与全局引用方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1、前言

    最近,为公司开发交付的一个后台管理系统项目,我使用了 Vue 框架进行开发实践。

    模块化、组件化、工程化的开发体验非常好。良好的 api,优雅的设计,对于工程师非常友好。

    但是由于模块比较多,我对于每个模块分配了不同的组件,发现一个项目中有许多相同的方法,
    在每个组件中我都需要进行重复的编写。

    所以,我希望能够将这些公共的方法,抽离出来放到同一个 js 中,这里就取名 util.js

2、模型设计

这里写图片描述

3、实现方法

1、方法一

暴露接口的方式,直接在组件中进行引用

首先在 util.js 单独文件中写两个方法:

评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值