摘要：
对于VUE的初学者来讲，肯定会感觉prop的写法很麻烦，很讨厌！你肯定想如果prop也可以实现双向绑定那怎是一个爽字了得！ 不过现实是残酷的，如果子组件可以任意修改父组件的内容，那势必会带来数据的混乱，从而造成维护的困扰！毕竟父组件也是有尊严的！ 官方推荐使用一种 update:my-prop-na 阅读全文
摘要：
函数去抖（debounce）：当调用函数n秒后，才会执行该动作，若在这n秒内又调用该函数则取消前一次并重新计算执行时间（频繁触发的情况下，只有足够的空闲时间，才执行代码一次） function debounce(delay, cb) { let timer return function () { 阅读全文
摘要：
温馨提示：本文只适用于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 阅读全文