最终效果如下一、先创建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
官方文档：https://www.iconfont.cn/help/detail?spm=a313x.7781069.1998910419.d8d11a391&helptype=codedemo地址： https://gitee.com/twoflowers/custom-font-file.git0. 准备工作选择合适的图标，加入购物车点击购物车，把图标加入项目（如果没有项目则
# Vue 3 引入 TypeScript 的探索
随着前端技术的不断发展，TypeScript 逐渐成为了现代 JavaScript 开发中不可或缺的部分。Vue 3 也开始日益支持 TypeScript，它不仅提升了代码的可维护性和可读性，同时也为开发者提供了更强的类型检查功能。本文将通过代码示例向大家展示如何在 Vue 3 项目中引入 TypeScript。
## 为什么选择 TypeS
一、使用 Vite 创建项目npm init vite@latest
√ Project name: ... lagou-shop-admin
√ Select a framework: » vue
√ Select a variant: » vue-ts
Scaffolding project in C:\Users\lpz\Projects\lagou-shop-admin...
Don
转载
2024-05-13 09:40:16
76阅读
本文为Varlet组件库源码主题阅读系列第七篇，读完本篇，可以了解到如何通过unplugin-vue-components插件来为你的组件库实现按需引入。手动引入前面的文章中我们介绍过Varlet组件库的打包流程，最后会打包成几种格式，其中module和commonjs格式都不会把所有组件的代码打包到同一个文件，而是保留着各个组件的独立，每个组件都导出作为一个Vue插件。第一种按需使用的方法是我们
# Vue2和TypeScript入门指南
Vue.js是一个流行的JavaScript框架，用于构建用户界面。它简单易用，同时具有强大的功能。而TypeScript是JavaScript的超集，它为JavaScript添加了类型系统，使得代码更加可靠和易于维护。在本文中，我们将介绍如何在Vue2中使用TypeScript。
## 安装Vue2和TypeScript
首先，我们需要安装Vue
原创
2023-12-05 09:13:21
198阅读
作者：前端阿飞要说今年最热门的前端技术，Vue3 和 TS 绝对榜上有名了。据了解，已经有很多公司在使用 Vue3 + TS + Vite 开发新项目了。那么我们也不能落后，今天就给大家分享一下如何在 Vue3 组件中结合 Composition-Api 使用 TS 类型。如果有不会或者不熟的小伙伴，一起学起来吧！为 props 标注类型使用 <script setup>
当使用 &l
转载
2024-03-07 08:57:56
177阅读
由于后期项目要使用ts，所以先学习下，这是第一次使用ts，要是有不足之处，还请多指教。最开始因为webpack版本问题搭了好几次没成功，果然失败乃成功之母，古人诚不欺我，每次学习都是在写bug解决bug继续创造bug的循环里痛并快乐着。由于使用的是Vue-cli2 + webpack3.6.0版本，按照webpack3的方式来搭建的，所以安装时一定要注意自己的版本与插件版本哈。前边儿初始化Vue项
转载
2023-11-01 16:44:44
162阅读
Vue中创建组件及引入组件及调用 文章目录一、什么是组件？二、如何注册组件？1.注册组件2.vue项目中引入组件总结 Vue创建组件`Vue框架最核心思想就是组件化，方便开发，便于维护管理，那么，如何在vue中创建组件及如何引用呢？一、什么是组件？组件是Vue.js最强大的功能之一。组件可以扩展HTML元素，封装可重用的代码。在较高层面上，组件是自定义的元素，Vue.js的编译器为它添加特殊功能。
转载
2024-05-31 01:45:53
262阅读
近日，有开发者在知乎上提出了一个问题：“TypeScript 不适合在 vue 业务开发中使用吗？”，Vue的作者尤雨溪针对这一问题发表了自己的看法，也解释了Vue 3.0选用TypeScript的原因，全文如下。注：本文已获得尤雨溪本人授权转载。必须要承认的是，2.x 的 TS 支持显然跟 React 和 Angular 是有差距的，这也是为什么 3.0 要加强这一块。关于目前 2.x 跟 TS
转载
2024-01-30 22:31:28
110阅读
首先登陆阿里云矢量图标库[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
