摘要:
一般在 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- 阅读全文