摘要：
温馨提示：本文只适用于vue-cli 3.0 及以上的版本哦~ 正文开始 开发项目时，经常会需要在不同环境中切换。那么我们如何配置不同的环境变量呢？ 为了更加方便消化本文章，建议先看下官方文档： 环境变量和模式 看完官方的文档如果还没有明白，可以参考本文。 在vue-cli 构建的项目中，默认有3种 阅读全文
摘要：
什么是process.env？ 这里的process.env就是Nodejs提供的一个API，它返回一个包含用户环境信息的对象。 在webpack中 process.env 的作用？ 通常的做法是，新建一个环境变量NODE_ENV，用它确定当前所处的开发阶段，生产阶段设为production，开发阶 阅读全文
摘要：
方法一： 在 package.json 中添加 --open 方法二： 在 vue.config.js 中，devServer 添加加 open:true ，没有vue.config.js，自己创建一个 module.exports = { devServer: { open: true } } 阅读全文
摘要：
前言 之前一直用的是 vue-cli 的 2.x 的版本，现在 vue-cli 都已经升级到 4.x 的版本了，所以在此记录一下 vue-cli4.x 的搭建项目的过程。 之前自己也只是用 vue-cli 的 2.x 版本创建了一个项目，能跑起来就行了，对其中的很多东西都没有深入的封装，这次想借助 阅读全文
摘要：
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 阅读全文