smil、梵音

2021年5月28日

vue-cli4 搭建项目时，关于 Choose Vue version 中 2.x 与 3.x 的区别

摘要： vue-cli4 搭建项目的时候，手动添加配置里面，有一项 “Choose Vue version”的选项，里面可以选择 2.x 和 3.x 的版本。为了搞清这两个的区别，我特意选择不同的版本分别试了一下。 vue2.x 和 vue3.x 生成的目录结构都是一样的，如下图：不同的是里面 pack 阅读全文

posted @ 2021-05-28 14:32 smil、梵音阅读(4574) 评论(0) 推荐(1) 编辑

vue项目中axios的封装

摘要：承接另一篇文章 vue-cli4 项目框架的搭建以及路由的封装、axios的封装、公共函数js文件的封装引用、vuex的基本用法、minins混入、css以及字体图标和图片的引入等这篇文章主要介绍对于 axios 的封装。代码结构如图：主要改动的文件是图片中标红框的部分。其中 axios. 阅读全文

posted @ 2021-05-28 10:32 smil、梵音阅读(1065) 评论(0) 推荐(1) 编辑

vue 路由的封装

摘要：承接另一篇文章 vue-cli4 项目框架的搭建以及路由的封装、axios的封装、公共函数js文件的封装引用、vuex的基本用法、minins混入、css以及字体图标和图片的引入等这篇文章主要介绍对于vue路由的封装。项目中一般都会分为很多模块，每个模块都是独立的，而且每个模块最好也有自己独阅读全文

posted @ 2021-05-28 10:29 smil、梵音阅读(1602) 评论(0) 推荐(1) 编辑

2021年5月19日

vue父子组件的生命周期顺序

摘要：学习中遇到vue父子组件的生命周期顺序，记录如下：一，加载渲染过程父beforeCreate=>父created=>父beforeMount=>子beforeCreate=>子created=>子beforeMount=>子mounted=>父mounted 二，子组件更新过程父beforeU 阅读全文

posted @ 2021-05-19 11:32 smil、梵音阅读(1105) 评论(0) 推荐(0) 编辑

2021年5月14日

axios POST提交数据的三种请求方式写法

摘要： 1、Content-Type: application/json import axios from 'axios' let data = {"code":"1234","name":"yyyy"}; axios.post(`${this.$url}/test/testRequest`,data) 阅读全文

posted @ 2021-05-14 15:44 smil、梵音阅读(750) 评论(0) 推荐(0) 编辑

Vue项目中常用的npm插件汇总【不定时更新】

摘要：做项目的时候，合理的使用插件，可以使我们达到事半功倍的效果，避免自己重复造轮子。插件使用npm安装，平时也可以去 npm官网搜索相关插件。或者直接搜索：JavaScript 工具库下面是自己做项目过程中，接触到的一些插件，仅限于自己目前的认知程度，后续可能会慢慢的不断添加相关插件。 vue- 阅读全文

posted @ 2021-05-14 15:24 smil、梵音阅读(762) 评论(0) 推荐(0) 编辑

vue使用 axios添加拦截器，get请求、post 请求头部添加token

摘要：什么是token？ token是一个用户自定义的任意字符串，目前开发中，token都是在服务端生成并且token的值会保存到服务器后台。只有服务器和客户端知道这个字符串，于是，这个token就成了两者之间的秘钥，它可以让服务器确认请求是来自客户端还是恶意的第三方。为什么使用token？简单地说，阅读全文

posted @ 2021-05-14 14:56 smil、梵音阅读(5534) 评论(0) 推荐(1) 编辑

vue添加全局的 loading 加载图标，或者点击按钮之后禁用按钮

摘要：有时候在项目中，我们点击按钮与后端接口交互的时候，为了防止用户频繁点击操作按钮，或者为了增加用户体验，在点击按钮之后，添加一个 loading 图标，等请求成功之后，再关闭 loading 。方法一：在我们的vue文件或者vue组件中methods中添加全局加载的 loading 方法。 meth 阅读全文

posted @ 2021-05-14 11:48 smil、梵音阅读(2049) 评论(0) 推荐(0) 编辑

2021年5月9日

vue 组件的空白模板

摘要： <template> <div class="modeleWrap"> XX模块开发中... </div> </template> <script> import XEUtils from "xe-utils"; // js的工具库，很多方法可以直接使用，需要npm安装 // @ 如果没有定义，默认阅读全文

posted @ 2021-05-09 10:44 smil、梵音阅读(522) 评论(0) 推荐(0) 编辑

2021年5月6日

vue 环境配置（使用cross-env配置）

摘要： https://blog.csdn.net/qq_39143170/article/details/105530765 阅读全文

posted @ 2021-05-06 17:55 smil、梵音阅读(161) 评论(0) 推荐(0) 编辑

公告