smil、梵音

摘要： 我们一般会在 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) 阅读全文