最终效果如下一、先创建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 2 引入 Axios 的详细指南
## 引言
在现代 Web 开发中，数据的异步请求变得越来越重要。而 Axios 是一个基于 Promise 的 HTTP 客户端，它能够很方便地进行网络请求。在 Vue 2 中，使用 Axios 可以简化与后端 API 的交互。本文将详尽介绍如何在 Vue 2 中引入和使用 Axios，并通过代码示例加强理解。
## 什么是 Axios?
A
原创
2024-09-19 06:08:29
45阅读
在前端开发中，Vue.js是一款非常流行的框架，而jQuery则作为一个久负盛名的库，许多开发者在使用Vue.js时仍想搭载jQuery的特性。本文将详细探讨如何在Vue 2中引入jQuery，涵盖从版本比较到实战案例的各个方面。
### 版本对比
在讨论Vue.js与jQuery的整合之前，我们需要对它们的特性差异有一个清晰的认知。
| 特性 | Vue 2
# Vue2中引入封装Axios的教程
Axios是一款基于Promise的HTTP客户端，它可以帮助我们轻松地发送HTTP请求。在Vue2项目中引入并封装Axios可以使得我们在发送请求时更为方便。下面，我们将通过一系列简单的步骤来实现这一目标。
## 流程概述
以下是引入和封装Axios的一些基本步骤：
| 步骤 | 描述 |
| ---- | ---- |
| 1 | 安装Ax
原创
2024-10-17 13:27:21
78阅读
Vue 的初始化过程：执行编译，生成 render 函数。一系列的初始化，数据响应式化，触发对应的生命周期钩子。执行挂载的逻辑，先生成虚拟 DOM，再生成真实 DOM，更新的逻辑也是这样，只不过多出了对比虚拟 DOM 的一个步骤一、我们到 vue仓库 下载 Vue2.6.14 的源码。https://github.com/vuejs/先来看一下整体目录结构
转载
2024-05-19 10:31:57
58阅读
vue-baidu-map是百度开发者平台已经封装了基于vue的地图组件，相比于原生百度地图API，使用起来更加简便。安装npm install vue-baidu-map --save全局注册import BaiduMap from 'vue-baidu-map'
Vue.use(BaiduMap, {
// ak 是在百度地图开发者平台申请的密钥 详见 http://lbsyun.baidu.
element-ui官网：http://element-cn.eleme.io/#/zh-CN/component/installation安装element-ui：方式一npm:进入项目根目录后执行cnpm i element-ui -S方式二：CDN<!-- 引入样式 --><link rel="stylesheet" href="https://un
前景提要：我在使用import echars from ‘echarts’ 出现 echarts is not defined 1.在cmd打开项目目录，执行 cnpm install echarts -S 安装完毕后，你会在package.json钟看到安装的echarts版本号，如下图所示 2. ...
转载
2021-08-25 11:10:00
444阅读
2评论
作者：前端阿飞要说今年最热门的前端技术，Vue3 和 TS 绝对榜上有名了。据了解，已经有很多公司在使用 Vue3 + TS + Vite 开发新项目了。那么我们也不能落后，今天就给大家分享一下如何在 Vue3 组件中结合 Composition-Api 使用 TS 类型。如果有不会或者不熟的小伙伴，一起学起来吧！为 props 标注类型使用 <script setup>
当使用 &l
转载
2024-03-07 08:57:56
177阅读
Vue中创建组件及引入组件及调用 文章目录一、什么是组件？二、如何注册组件？1.注册组件2.vue项目中引入组件总结 Vue创建组件`Vue框架最核心思想就是组件化，方便开发，便于维护管理，那么，如何在vue中创建组件及如何引用呢？一、什么是组件？组件是Vue.js最强大的功能之一。组件可以扩展HTML元素，封装可重用的代码。在较高层面上，组件是自定义的元素，Vue.js的编译器为它添加特殊功能。
转载
2024-05-31 01:45:53
262阅读
首先登陆阿里云矢量图标库[http://www.iconfont.cn/home/index]，把需要的字体图标加入到自己的项目中 将项目下载到...
原创
2022-08-09 15:05:58
447阅读
首先登陆阿里云矢量图标库，把需要的字体图标加入到自己的项目中将项目下载到本地，并解压到项目中在项目中引入： main.ts: import './assets/iconfont/iconfont.css'; 组件中使用：
原创
2022-09-02 09:55:14
420阅读
# Vue3 引入 Axios 实践指南
作为一名刚入行的开发者，你可能对如何在 Vue3 中引入和使用 Axios 感到困惑。别担心，本文将为你提供一份详细的指南，帮助你快速上手。
## 步骤概览
首先，我们通过一个表格来概览整个引入过程：
| 步骤 | 描述 | 操作 |
| --- | --- | --- |
| 1 | 安装 Axios | 使用 npm 或 yarn 安装 Axi
原创
2024-07-28 09:39:55
131阅读
先安装 npm install jquery --save 在main.js里加入 import {jQuery,$} from 'jquery';window.jQuery = $;组件内使用ajax import $ from
在 Vue 3 中引入 Vant 组件库，你可以通过几种方式来实现。Vant 是一个轻量、可靠的移动端 Vue 组件库，它提供了很多现成的 UI 组件来帮助你快速构建移动应用界面。以下是一些常见的引入方式：1. 使用 npm 或 yarn 安装 Vant首先，你需要在你的 Vue 3 项目中安装 Vant。打开终端，并运行以下命令之一：npm install vant -S
npm install
概述browserify是一个 CommonJS风格的模块管理和打包工具，上一篇我们简单地介绍了Vue.js官方基于browserify构筑的一套开发模板。webpack提供了和browserify类似的功能，在前端资源管理这方面，它提供了更加出色的功能。 官方基于webpack提供了两种项目模板，分别是vue-webpack-simple模板和vue-webpack模板，今天我们将介绍官方提供的
如果项目是vue2 则引入的是element-ui 如果项目是vue3 则引入的是 element-plus 搞混了就会报错 先安装 npm install element-plementPlus from 'element-p
# Vue 3 引入 jQuery CDN 的实践与思考
随着前端技术的不断发展，Vue.js 作为一种流行的 JavaScript 框架，得到了越来越多开发者的青睐。许多项目在使用 Vue 进行开发时，出于历史遗留或特定需求，可能会选择引入 jQuery。尽管 jQuery 在现代前端开发中逐渐被视为“鸡肋”，但是它仍有其独特的优势和使用场景。在本文中，我们将探讨如何在 Vue 3 项目中引入
# Vue 3 引入 TypeScript 的探索
随着前端技术的不断发展，TypeScript 逐渐成为了现代 JavaScript 开发中不可或缺的部分。Vue 3 也开始日益支持 TypeScript，它不仅提升了代码的可维护性和可读性，同时也为开发者提供了更强的类型检查功能。本文将通过代码示例向大家展示如何在 Vue 3 项目中引入 TypeScript。
## 为什么选择 TypeS
官方文档：https://www.iconfont.cn/help/detail?spm=a313x.7781069.1998910419.d8d11a391&helptype=codedemo地址： https://gitee.com/twoflowers/custom-font-file.git0. 准备工作选择合适的图标，加入购物车点击购物车，把图标加入项目（如果没有项目则
