文章目录一、介绍二、安装三、使用1、在main.js中导入插件并配置2、在组件中使用3、全局使用3、上下文使用四、API1、获取数据2、设置数据3、移除数据4、清空数据5、监听数据6、移除监听五、使用示例1、单独的 js 文件2、使用方法六、typescript+vue3使用vue-ls1、新建 storage.ts2、组件导入七、注意事项 一、介绍在Vue.js的开发过程中，我们经常需要在客户
转载
2024-09-24 10:46:14
97阅读
主题化管理经常能在网站上看到，一般的思路都是将主题相关的CSS样式独立出来，在用户选择主题的时候加载相应的CSS样式文件。现在大部分浏览器都能很好的兼容CSS变量，主题化样式更容易管理了。最近，使用CSS变量在Vue项目中做了一个主题化实践，下面来看看整个过程。可行性测试为了检验方法的可行性，在public文件夹下新建一个themes文件夹，并在themes文件夹新建一个default.css文件
参考 link 添加env文件 其中： .env.app 内容是： NODE_ENV=production VUE_APP_APPORH5=APP .env.h5 内容是： NODE_ENV=production VUE_APP_APPORH5=H5 package.josn设置 "build:ap
转载
2020-10-03 22:23:00
316阅读
2评论
{
// `url` 是用于请求的服务器 URL
url: "/user",
// `method` 是创建请求时使用的方法
method: "get", // 默认是 get
// `baseURL` 将自动加在 `url` 前面，除非 `url` 是一个绝对 URL。
// 它可以通过设置一个 `baseURL` 便于为 axios 实例的方法传递相对 URL
定义全局变量原理：设置一个专用的的全局变量模块文件，模块里面定义一些变量初始状态，用export default 暴露出去，在main.js里面使用Vue.prototype挂载到vue实例上面或者在其它地方需要使用时，引入该模块便可。全局变量模块文件：Global.vue文件： <script>
const serverSrc='www.baidu.com';
const toke
一、定义变量，并全局使用原理： 1. 单独新建一个全局变量模块文件，模块中定义一些变量初始状态，用export default 暴露出去。 2. 在main.js中引入，并通过Vue.prototype挂载到vue实例上面。供其他模块文件使用； 3. 或者直接引入到需要的模块文件中使用；项目目录步骤1、新建 global_variable.js文件，用于存放变量，示例如下：const b
转载
2023-11-25 13:37:51
661阅读
vue的style标签里面设置变量
原创
2023-02-24 12:23:22
1917阅读
目录在 css 自定义变量的功能以及出来许久了，但实际开发中大家使用并不多。归其原因是因为 less、sass 等预处理器已经拥有定义变量的功能，以及Vue、react很方便设置 style 样式，大家可能觉得使用 css 定义变量不方便且没必要。实则不然举个最直观的栗子：“如何使用 vue 设置伪类伪元素的样式”。这是个世纪难题，大部分人可能会通过修改类名的方式解决，可如果要修改的样式多，或者我
前言本文主要跟大家介绍了关于Vue定义全局变量与常量的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍：我想要定义一个变量, 在项目的任何地方都可以访问到, 不需要每一次使用的时候, 都引入.尝试1: 创建 global.js 并且在其中定义let a = 10;在入口文件中引入 global.jsimport './global.js'在项目中使用:a // 报错
转载
2023-11-18 15:10:20
142阅读
# Vue 读取环境变量与 Docker 设置环境变量
在现代 web 开发中，环境变量的使用是一个重要的概念。它允许我们在不同的开发和生产环境中使用不同的配置。Vue.js 作为一个流行的前端框架，也支持使用环境变量。而 Docker 是一个强大的容器化工具，能够隔离和管理应用环境。本文将带您深入了解如何在 Vue 中读取环境变量，以及如何在 Docker 中设置这些环境变量。
## 一、环
原创
2024-10-28 05:58:15
149阅读
.env # 在所有的环境中被载入.env.local # 在所有的环境中被载入，但会被 git 忽略
原创
2022-10-10 06:47:02
190阅读
# Vue整合axios设置成全局变量
在Vue项目中，我们经常会使用到axios来进行网络请求，为了方便使用，我们可以将axios设置成全局变量。这样，在任何地方都可以直接使用axios发送请求，而不需要每次都引入axios。
## 什么是axios？
axios是一个基于Promise的HTTP客户端，可以用于浏览器和Node.js。它是一个功能强大且易于使用的库，可以用于发送XMLHt
原创
2024-02-03 07:29:58
107阅读
1、先安装依赖包sass-resources-loader： npm install sass-resources-loader --save-dev 2、配置文件：build/util.js下 // less: generateLoaders('less'), less: generateLoad
原创
2020-05-27 14:36:00
623阅读
今天的工作中， 遇到这个问题， 原本开发的一套H5已经完成并上线了， 现在说要记这套站点可以，手动的改变字体大小。以便给老年人使用的时候带来方便 其实也就是这样的一个需求 Vue + Less + Css变量实现动态换肤功能如果我们可以动态的定义一个变量（全局的）， 当我们有一个按钮，更改这个变量的值就好了安装 style-resources-loader 和 vue-cli-plugin-sty
转载
2024-06-03 11:20:35
1332阅读
vue 定义变量
原创
2023-10-23 09:56:18
158阅读
vue使用ifram标签解决父子页面传值，触发事件的操作应用场景一、1、首先需要明确的一点，标题所说的子页面调用父页面的方法或者函数，是需要父子页面配合的。如果子页面不是你自己开发的， 或者父页面不是自己开发的，那就没办法调用了。而且， 因为业务的特殊需要，我们用到了iframe，如果只是Vue两个父子组件的传值或者调用，其实是非常简单的，百度一下，就能出现很多。这里就不一一赘述了。在明确了以上的
转载
2024-07-14 12:50:53
82阅读
前些天写Vue项目遇见一个很有意思问题：将一个数据（类型是对象）赋值给一个变量，当我去改变这个变量的时候，给它赋值的数据也跟着变化了，当我去改变数据时，变量也跟着变了，这让我想起了js中的浅复制和深复制，为验证，将对象（引用类型）改成字符窜（基本数据类型），果然，这个问题就不见了。 在js中有两种数据类型 （1） 基本数据类型：number、string、boolean、null、undefine
转载
2024-03-02 11:00:19
84阅读
vue 定义变量
原创
2023-10-23 10:18:47
212阅读
Vue中的数据和标签内容是双向绑定的，也就是说当定义的方法（函数）里的值改变时，在视图标签里的显示内容就会自动更新！这种技术大大简化了我们的开发成本，缩减了复杂的逻辑设计。一、先来看看Vue中的数据1、数据的定义Vue中的数据是定义在Vue对象中的，用data：{ }声明数据变量：new Vue({
data:{
name:"kdy",
job:"软件工程师",
},
});上
转载
2024-06-05 13:38:57
295阅读
写在前面：如题，在项目中，经常有些函数和变量是需要复用，比如说网站服务器地址，从后台拿到的：用户的登录token,用户的地址信息等，这时候就需要设置一波全局变量和全局函数，这两个设置不太难，而且有一些共通之处，可能有一些朋友对此不太了解，所以随便写出来分享一波。有需要的朋友可以做一下参考，喜欢的可以点波赞，或者关注一下，希望可以帮到大家。定义全局变量原理：设置一个专用的的全局变量模块文件，模块里面
转载
2023-06-24 22:56:33
162阅读
