首先将常量提出到静态配置文件中，方便后期修改时无需重新打包。 1. 在html文件的同级目录新建一个static文件夹，再在里面新建一个config.js文件； 2. 高德地图在2021.12月以后新申请的key必须要搭配安全密钥一起使用； 注意：这个设置必须是在  JSAPI 的脚本加载之前进行设置，否则设置无效。所以安全密钥在入口的 html 文件中引入，页面中正常使用key值即可。 <script type="text/javascript">        

一、使用npm引入高德地图 1.进入高德开放平台 2.点击： 开发支持---------地图JS AP---------JSAPI的加载 3.选择 按NPM方式使用loader 4.定义一个有宽高的div,书写以下代码： <template> <div id="container"></div> </template> <script> import AMapLoader from "@amap/amap-jsa

vue项目pc端和移动端适配 1、pc端适配 一、样式中根据设计稿确定缩放比例（可以设置全局或者部分页面） 二、监听窗口大小改变，设置根字体大小 created() { // 获取当前设备的宽度，设置rem的根字体大小 let width = window.innerWidth; width = width <= 1200 ? 1200 : width; const htmlObj = document.getElementsByTagName(“html”)[0]; htmlO

1. vue-element-admin 项目的基本了解与总结 感谢这个博主的文章@初晨 windows 安装失败的很大原因是 node-sass 问题 换源一下就好了。 npm install --registry=https://registry.npm.taobao.org 2. vue-element-admin 使用中遇到的问题 报错： No matching version found for JSV@^4.0.x. 解决办法： 换成官方源 ： npm

前言 由于vue通过js动态控制路由去生成内容，导致搜索引擎无法收录，天生不适合SEO。而Nuxt是一款基于vue的框架，内置了服务器端渲染。 Node.js 服务器将基于 Vue 的组件渲染成 HTML 并传输到客户端，而不是纯 javascript。与传统的 Vue SPA 相比，使用 SSR 将带来巨大的 SEO 提升、更好的用户体验和更多的机会。 Nuxt的部署与vue有出入，主要有两种模式，npm run generate和npm run build 方式 一

Vue核心：Vue核心：组件化编程（脚手架） 一、静态页面 app.vue注： MyItem.vue不直接在app.vue中引入，而在MyList.vue中引入 <template> <div id="root"> <div class="todo-container"> <div class="todo-wrap"> <MyHeader/> <MyList/>

1获取当前时间 let a = dayjs() 2 时间格式化 let endTime = dayjs().format('YYYY-MM-DD')  3 获取当前时间之前的时间  day.js可以轻松获取N小时/天/月/年前等时间，如以下代码获取的是14天前的时间：  let startTime = dayjs().subtract(14,'day').format('YYYY-MM-DD')  4.N时间后 day.js也可以轻松获取N时间后的时间，如以下代码获取的是7天后的时

我们了解nexttick之前，我们先来看一个例子。 我们先要每一次都在点击按钮的时候，都进行字符串的累加操作，并且在该函数中计算该字符串所占的高度offsetHeight，但是我们当进行第一次点击的时候，此时打印的结果不符合,因为内容不为空，但是打印出的高度仍然显示为0。一、思考(会出现上述情况) 因为当我们进行改变数据的时候，此时会进行执行三个过程1、执行watch函数2、更新dom元素3、执行相关的生命周期函数 因为我们在addString方法下面直接打印出offsetHeight的值，这一

超详细Vue项目部署篇！！！ 小白的部署之路 前段时间白嫖了一年的阿里云服务器，想着手上有个项目，那就部署上去吧。找了很多教程，没有一篇是完整细致的，对于小白的我来说太难了，然后就进行了一天的踩坑之路。最后一人血书写了此文记录，有写的不对的地方希望大佬们能加以指正。希望我的笔记对大家有所帮助！ 将大象放进冰箱有几个步骤？打开冰箱，将大象放进去，关上冰箱。巧了，我觉得项目部署呢，刚刚好也是三步：打包项目–>搭建服务器环境–>将项目放到环境中。让我们开始吧！！！ 一、打包Vu

咱们在vue2中是不存在require is not defined问题的，那是因为webpack帮我们解决了，开发时在内部对其了转换 为什么非要使用require语法？因为require语法有时候确实蛮好用的啊，咱们在vue2中可以通过require语法，定义变量，动态获取一些静态资源 vite却不能使用，确实有点点的难受，最近刚发现了一种开发时依赖插件vite-plugin-require-transform，那就试一下吧 vitejs/ awesome-vite - github

安装 1、安装node vue 3需要node10以上版本 node官网下载地址以往的版本 | Node.js 2、安装vue/cli 如果已经全局安装过旧版本的vue-cli npm uninstall vue-cli -g //yarn global remove vue-cli 然后安装 npm install -g @vue/cli //yarn global add @vue/cli 为什么要先卸载vue-cli，在安装vue/cli 如果是安装vue

今年年初，尤大大公布了一个重磅消息，将Vue3作为Vue的默认版本。 这无疑不是对我们开发人员的内卷煽风点火！ vue默认版本改动意味着，官方将会把Vue研发重心放到vue3上，vue2也开始走下坡路，至于淘汰过时只是时间问题了。从而周边生态、组件、插件等都会以vue3为默认版本重点关注，vue2中的组件插件库将会慢慢得不到维护与迭代更新，因此，我们不得不跟上时代的步伐，转战vue3 ~ 接下来手把手带大家如何去将我们的vue2项目升级至vue3： 创建一个Vue3纯净项目 如