前一段时间完成了一个项目,该项目要求黑夜和白天两种主题色,可以动态的切换。经过多方的查找研究,终于完成。谨以此文在此记录一下。此方案涉及Sass的map遍历、函数定义、map存取、混合器等相关知识,具体API详参官网https://www.sass.hk/docs/。大概的思路就是给html根标签设置一个data-theme属性,通过js切换data-theme的属性值,sass根据此属性来判断使
转载
2024-10-10 09:08:06
205阅读
基本概念介绍:vue实例方法:vm.$set、vm.$del、vm.$nextTick等,挂在Vue.prototype上的方法。全局API: Vue.directive、Vue.filter、Vue.component等,挂在Vue构造函数上的方法。本章从源码角度分析,Vue.js是如何实现这些功能的一、Vue实例方法的实现:Vue构造函数源码:import { initMixin } from
转载
2024-10-10 14:12:33
79阅读
官方文档:https://www.iconfont.cn/help/detail?spm=a313x.7781069.1998910419.d8d11a391&helptype=codedemo地址: https://gitee.com/twoflowers/custom-font-file.git0. 准备工作选择合适的图标,加入购物车点击购物车,把图标加入项目(如果没有项目则
LESS基础语法 我们一起来学习一下LESS的基础语法,LESS的基础语法基本上分为以下几个方面:变量、混合(Mixins)、嵌套规则、运算、函数、作用域等。这些基础语法需要我们先牢牢的掌握住,然后才可以灵活的在项目中进行实战。 变量 和JS中的变量一样,只是LESS的变量定义不是使用VAR而是使用
转载
2017-11-01 10:51:00
222阅读
2评论
目录在 css 自定义变量的功能以及出来许久了,但实际开发中大家使用并不多。归其原因是因为 less、sass 等预处理器已经拥有定义变量的功能,以及Vue、react很方便设置 style 样式,大家可能觉得使用 css 定义变量不方便且没必要。实则不然举个最直观的栗子:“如何使用 vue 设置伪类伪元素的样式”。这是个世纪难题,大部分人可能会通过修改类名的方式解决,可如果要修改的样式多,或者我
最终效果如下一、先创建vue2项目1、 可以用vue-cli自己来创建;也可以直接使用我开源常规的vue2后台管理系统模板
以下我以 wocwin-admin-vue2 项目为例修改目录结构,最终如下2、修改vue.config.js文件module.exports = {
// 修改 src 目录 为 examples 目录
pages: {
index: {
entry
转载
2023-12-14 12:58:04
408阅读
Vue 的初始化过程:执行编译,生成 render 函数。一系列的初始化,数据响应式化,触发对应的生命周期钩子。执行挂载的逻辑,先生成虚拟 DOM,再生成真实 DOM,更新的逻辑也是这样,只不过多出了对比虚拟 DOM 的一个步骤一、我们到 vue仓库 下载 Vue2.6.14 的源码。https://github.com/vuejs/先来看一下整体目录结构
转载
2024-05-19 10:31:57
58阅读
现实背景:很多时候我们会在全局调用一些方法。 实现方式两种:官网的实现use方法,然后你也可以用野路子直接在Vue.prototype上面定义。 先说野路子,因为其实野路子就是最根本的实现方式,官方的use实现也是一样的,只是use很好的封装了。 /*
*main.js中实例Vue时添加方法
*/
import Vue from 'vue';
//这样以后你就可以在该项目下的其他组件中使
# Vue 2 引入 Axios 的详细指南
## 引言
在现代 Web 开发中,数据的异步请求变得越来越重要。而 Axios 是一个基于 Promise 的 HTTP 客户端,它能够很方便地进行网络请求。在 Vue 2 中,使用 Axios 可以简化与后端 API 的交互。本文将详尽介绍如何在 Vue 2 中引入和使用 Axios,并通过代码示例加强理解。
## 什么是 Axios?
A
原创
2024-09-19 06:08:29
45阅读
按需引入 官方文档介绍 借助 babel-plugin
原创
2022-08-27 01:55:15
892阅读
在前端开发中,Vue.js是一款非常流行的框架,而jQuery则作为一个久负盛名的库,许多开发者在使用Vue.js时仍想搭载jQuery的特性。本文将详细探讨如何在Vue 2中引入jQuery,涵盖从版本比较到实战案例的各个方面。
### 版本对比
在讨论Vue.js与jQuery的整合之前,我们需要对它们的特性差异有一个清晰的认知。
| 特性 | Vue 2
在现代前端开发中,越来越多的开发者倾向于使用 Vue.js 框架来构建复杂的用户界面。然而,许多项目仍然依赖于 jQuery,一个在过去广受欢迎的库。今天,我将分享如何在 Vue2 项目中使用 CDN 引入 jQuery 的经验和思考,涉及版本对比、迁移指南、兼容性处理、实战案例、排错指南和性能优化等六个方面。
## 版本对比
在对比 Vue2 和 jQuery 的版本之前,我们需要了解它们的
axios 同ajax类似的一个请求数据技术官方文档http://www.axios-js.com/zh-cn/docs/下载1.使用npm
npm install axios -S
2.使用cdn
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>执行 GET
转载
2024-07-04 06:27:13
293阅读
1,在mui的gethub地址中下载:点击download 2,下载后,解压mui-master,复制里面dist里面的三个文件到项目中: 在项目中起名lib是外部的库 3,在main引入:import mui from './lib/mui/js/mui'4,打开我们的mui.js文件,找到如下代码,
转载
2023-06-05 20:49:28
305阅读
编辑文章时所使用vue版本。
原创
2024-09-07 15:17:52
842阅读
1、CDN引入<script src="https://unpkg.com/vue@next"></script>案例:<body>
<div id="app">
</div>
<script src="https://unpkg.com/vue@next"></script>
&
百度以及时AI帮助说的配置方式都大差不差,但是我的总是报错,意思就是变量找不到,报错如下 For a guide and recipes on how to
原创
2024-09-18 14:17:37
472阅读
# 在 Vue 2 项目中引入 Axios 进行 HTTP 请求的完整指南
在现代的前端开发中,处理 HTTP 请求是一个不可或缺的部分。为了与后端服务器进行数据交互,`Axios` 是一个非常流行的库,具有良好的功能和简单的API。本文将详细介绍如何在 Vue 2 项目中引入 Axios,并通过示例展示其基本用法。
## 什么是 Axios?
Axios 是一个基于 Promise 的 H
原创
2024-08-07 07:41:05
202阅读
# 如何解决vue2多个组件引入axios报错
## 1. 流程图
```mermaid
flowchart TD
A[创建axios实例] --> B[导入axios]
B --> C[在组件中使用axios]
```
## 2. 整体流程
首先我们需要创建一个axios的实例,然后在需要的组件中导入axios,并使用这个实例来发送请求。
## 3. 具体步骤及代码示例
原创
2024-05-06 06:26:49
94阅读
# Vue2中引入封装Axios的教程
Axios是一款基于Promise的HTTP客户端,它可以帮助我们轻松地发送HTTP请求。在Vue2项目中引入并封装Axios可以使得我们在发送请求时更为方便。下面,我们将通过一系列简单的步骤来实现这一目标。
## 流程概述
以下是引入和封装Axios的一些基本步骤:
| 步骤 | 描述 |
| ---- | ---- |
| 1 | 安装Ax
原创
2024-10-17 13:27:21
78阅读