首先我们需要在根目录里创建一个vue.config.js 首先在文件中先写入 //打包配置文件 module.exports = { assetsDir: 'static', // outputDir的静态资源(js、css、img、fonts)目录 publicPath: './', // 静态资源路径（默认/，如果不改打包后会白屏） productionSourceMap: false, //不输出map文件 }; 之后再使用CDN 加

最好使用视频上的账号密码，13700000000 密：111111 最新服务端接口地址：http://gmall-h5-api.atguigu.cn 因为该账号数据库存有地址信息 。 但是注意，因为很多同学同时操作，所以可能出现：购物车商品被其他同学增加或减少，订单不能重复提交等问题。此时稍等一会，或多试几次即可。 学习尚硅谷的商城前台尚品汇项目的笔记： 脚手架使用 1、创建项目 vue create 项目名称 2、脚手架默认目录： node_module

对于当今的前端开发，模块化已经成了一种通用的解决方案，不管是vue还是React还是Angular，其中都会涉及的组件的封装。对于各现在的前端开发来说，如何去封装一个组件，以及封装组件的过程中，应该注意哪些东西都已经是每个前端的必备的基础技能了。但是在很多的时候，对于一些刚刚进入这个行业的新人来说，可能有部分的老人，不是很清楚什么时候应该去封装组件。 接下来我就以下的问题聊一下组件的封装。 我们为什么要封装组件？ 什么时候应该封装组件？ 应该如何去设计一个组件？ 为什么要封装组件？

通过类 .navbar 可以创建一个标准的导航栏，若要创建响应式的导航栏，可以在类 .navbar 的基础上添加类 .navbar-expand-xxl|xl|lg|md|sm 来创建 (大屏幕水平铺开，小屏幕垂直堆叠)。导航栏上的选项可以使用 <ul> 元素并添加 class="navbar-nav" 类。 然后在 <li> 元素上添加 .nav-item 类， <a> 元素上使用 .nav-link 类 🚀导航栏常用类 固定添加类名 .n

系列文章目录    第一章  论vue3.0和vue2.0区别之编程方式及例子详解 第二章 同一台电脑 实现 vue-cli2和vue-cli3同时并存 及 常见命令 第三章 vue3.0项目实战 - ElementUI框架版 第四章 【TypeScript】在vue3中遇到的问题及解决方案，未完待续 第五章 vue3.0项目实战系列文章 - 登录页面 第六章 vue3.0项目实战系列文章 - 使用周期函数 目录 系列文章目录 前言 一、关于setup？ 1

此方案整合了断点响应式样式，和移动端样式重分配。 前言 最近在学习Vue的项目架构，查询了很多移动端样式适配，整合了一下我自己的适配方案做一个记录，可能不是最好的，但我自己用着还蛮顺手的~欢迎大家补充 一、字体篇——px2rem-loader 引言： 常规的字体大小使用px的话是写死的，那么rem由此诞生，根据html页面的根节点去计算相对大小，但是如此一来，如果是pc和移动端都适配的项目，那么我们在针对设计稿画ui的时候，px和rem的换算就异常痛苦了。 因此我选择

最近在项目中遇到一个要用户授权位置且可以用户自己选择位置的功能，看起来好像很难，其实并不难，我在网上看了一些优秀博主的博客，只要跟着步骤一步步来就能实现，下面是我在实现该功能后做的一次总结，希望能帮到更多的小伙伴~ 一、实现位置授权功能 实现的效果图： 实现步骤： 1. 登录小程序官网获取AppID(用自己的小程序账号登录): [开发 ->开发设置 -> 复制AppID] 2. 注册并登录腾讯地图api获取key:  [控制台->我的应用->

项目背景 实现一款交互屏桌面应用软件，类似医院那张种给用户操作办理业务的应用程序。操作业务中在充值后可供用户打印小票。 开发框架：electron-vue vue版本：v2.6.14 electron版本：v17.2.0 node版本：v16.13.0 实现流程：   ps：提一下主结构的版本，是因为在electron中很多情况下出现各种问题是由版本问题导致的。 实现 1.获取系统打印机列表 在主进程窗口，通过webContents对象的getPrintersAsync()

本文完整版：《最好用的 6 款 Vue 实时消息提示通知(Message/Notification)组件推荐与测评》 Vue 消息提示通知组件（Message / Notification）是我们日常开发中经常使用的组件，它可用作与用户交互的反馈提示，信息提交成功、错误、操作警告等场景使用。原生 JavaScript 提供了 alert、prompt、confirm 等方法，这三个方法的不支持定制化，使用场景严重受限，特别是 alert 在浏览器外弹窗，体验非常糟糕。因此要想给用户

前言 vue3-antd-admin是一个后台前端解决方案，它基于vue3和antd-ui实现。它使用了最新的前端技术栈，集成了动态路由、鉴权登录、菜单管理等基础功能，在此之上对样式进行优化，解决了其他框架菜单超出不滚动、未BFC隔离等被忽略的问题。它与同类型框架相比逻辑更加清晰简洁，没有冗余代码上手更加快速。相信不管你的需求是什么，本项目都能帮助到你。good luck！ 本项目当前只是基础部分完成了，还有很多地方需要完善，例如：H5适配、页面动画、指令权限、更多好用的组件等等等等，由

大家好哇，我是小丞同学，在文章开头再简单的介绍下自己吧~ 我是一名前端爱好者，想要成为一名高级前端开发工程师 💖 大二 @GDUT 🏘 Base: 广州 时间一晃而过，弹指之间，2021 年已经接近尾声，过去的一年经历了很多，学习了很多，同样也成长了很多。 回顾 2021 发现自己还是干了很多事的，虽然没什么文笔，但还是想稍作总结！于是写下了人生第一次年终总结。 2021 年 ”内卷“一词时长被人提起，认真学习被叫作卷、完成自己的目标被叫做卷、闲暇时做自己的东西被叫做

一、this.$set能够实现什么功能      官方解释：向响应式对象中添加一个属性，并确保这个新属性同样是响应式的，且触发视图更新。它必须用于向响应式对象上添加新属性，因为 Vue无法探测普通的新增属性 (比如 this.myObject.newProperty = ‘hello，ningzaichun’）      简单说即是：当你发现你给对象加了一个属性，在控制台能打印出来，但是却没有更新到视图上时，也许这个时候就需要用到this.$set（）这个方法了       通过触发按