05 2021 档案
摘要：1、官方添加新的图标到购物车里面，然后“下载代码”： 2、下载，解压，在 assets 中新建一个 fonts2 的文件夹，用来存放后来下载的图标字体文件。对比之前的 fonts 下面的文件： 注解： 后来下载的字体图标文件，主要查看 iconfont.css 里面 @font-face 里面主要引
阅读全文
摘要：我们一般会在 src 目录下的 assets 的文件夹里面统一放置 css 文件和图片。 一、css 1、全局引入 在 main.js 中： import "./assets/css/common.css"; 2、组件引入 <style lang="scss" scoped> @import "..
阅读全文
摘要：一般在 vue.config.js 我们会配置一些代理；或者配置一些 alias 之类的别名，主要用来在项目中方便引入组件。 vue.config.js 的简单配置： // alias 设置路径别名需要引入 path，定义 resolve const path = require("path");
阅读全文
摘要：介绍： 官方定义：混入 (mixins) 是一种分发 Vue 组件中可复用功能的非常灵活的方式。混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被混入该组件本身的选项。 其本质就是一个js对象，可以包含我们组件想要复用的任意功能和生命周期，如：data、created、met
阅读全文
摘要：代码结构： index.js ： import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) import state from './state' import actions from './actions' import mutati
阅读全文
摘要：我们一般的做法是在 src 文件夹下 新建一个 util 文件夹，util 文件夹里面存放一个 utils.js 文件，这个 js 文件中存放公共的函数。下面讲解大概三种用法。 一、对 utils.js 通过 export default 默认导出为对象 utils.js 内容： //import
阅读全文
摘要：vue-cli4 搭建项目的时候，手动添加配置里面，有一项 “Choose Vue version”的选项，里面可以选择 2.x 和 3.x 的版本。 为了搞清这两个的区别，我特意选择不同的版本分别试了一下。 vue2.x 和 vue3.x 生成的目录结构都是一样的，如下图： 不同的是里面 pack
阅读全文
摘要：承接另一篇文章 vue-cli4 项目框架的搭建 以及 路由的封装、axios的封装、公共函数js文件的封装引用、vuex的基本用法、minins混入、css以及字体图标和图片的引入等 这篇文章主要介绍对于 axios 的封装。代码结构如图： 主要改动的文件是图片中标红框的部分。 其中 axios.
阅读全文
摘要：承接另一篇文章 vue-cli4 项目框架的搭建 以及 路由的封装、axios的封装、公共函数js文件的封装引用、vuex的基本用法、minins混入、css以及字体图标和图片的引入等 这篇文章主要介绍对于vue路由的封装。 项目中一般都会分为很多模块，每个模块都是独立的，而且每个模块最好也有自己独
阅读全文
摘要：学习中遇到vue父子组件的生命周期顺序，记录如下： 一，加载渲染过程 父beforeCreate=>父created=>父beforeMount=>子beforeCreate=>子created=>子beforeMount=>子mounted=>父mounted 二，子组件更新过程 父beforeU
阅读全文
摘要：1、Content-Type: application/json import axios from 'axios' let data = {"code":"1234","name":"yyyy"}; axios.post(`${this.$url}/test/testRequest`,data)
阅读全文
摘要：做项目的时候，合理的使用插件，可以使我们达到事半功倍的效果，避免自己重复造轮子。 插件使用npm安装，平时也可以去 npm官网 搜索相关插件。 或者直接搜索：JavaScript 工具库 下面是自己做项目过程中，接触到的一些插件，仅限于自己目前的认知程度，后续可能会慢慢的不断添加相关插件。 vue-
阅读全文
摘要：什么是token？ token是一个用户自定义的任意字符串，目前开发中，token都是在服务端生成并且token的值会保存到服务器后台。只有服务器和客户端知道这个字符串，于是，这个token就成了两者之间的秘钥，它可以让服务器确认请求是来自客户端还是恶意的第三方。 为什么使用token？ 简单地说，
阅读全文
摘要：有时候在项目中，我们点击按钮与后端接口交互的时候，为了防止用户频繁点击操作按钮，或者为了增加用户体验，在点击按钮之后，添加一个 loading 图标，等请求成功之后，再关闭 loading 。 方法一：在我们的vue文件或者vue组件中methods中添加全局加载的 loading 方法。 meth
阅读全文
摘要：<template> <div class="modeleWrap"> XX模块开发中... </div> </template> <script> import XEUtils from "xe-utils"; // js的工具库，很多方法可以直接使用，需要npm安装 // @ 如果没有定义，默认
阅读全文
摘要：https://blog.csdn.net/qq_39143170/article/details/105530765
阅读全文
