摘要：一、要求node版本必须>12.0.0 1、node 如何升级 · 执行npm cache clean -f 清除缓冲 · npm install -g n 安装 n 模块 n模块用于管理 node版本（注意：n模块执行需要管理员权限） · node -v 检查本地之前的版本（可以不执行） · np
阅读全文
posted @ 2022-05-11 11:32
随笔分类 - vue
摘要：使用脚手架：vue-cli3.0vue版本：vue3.0vue-router版本：vue-router4.0 配置多级路由，首次访问，到重定向页面没有问题，然后在当前页面刷新控制台报错：Unexpected token '<'，页面访问不到 解决办法：修改vue.config.js配置文件中的pub
阅读全文
posted @ 2022-01-05 17:34
摘要：问题1：reactive定义数组，如下： let arr = reactive([]) 注意：当给arr赋值的时候，不能 arr=xxx 这样会取消arr的响应式 首先 需要声明一点ref、toRef、toRefs这三项在js中操作的时候都需要跟上‘.value’，页面当中正常使用无需‘.value
阅读全文
posted @ 2021-11-05 18:26
摘要：本文继上篇文章之后，前两篇文章主要介绍了vue3.0本身与2.0的不同。本文将主要介绍vue-router的不同之处 对于vue2+版本主要是用vue-reouter3.0，而对于vue3.0版本将使用vue-router4.0。 对于vue-router3.0写法，如下图： vue-router4
阅读全文
posted @ 2021-09-30 15:38
摘要：继上一篇文章之后，此文章主要介绍vue3.0语2.0语法层面的不同，担心篇幅过长不好阅读所以分开了。 一：首先先看main.js文件 1、对于vue的创建由原来的new Vue变成createApp，具体如下图： 其中在3.0中直接可以从vue中解构出createApp和h函数（当然vue中不仅有这
阅读全文
posted @ 2021-09-28 18:12
摘要：本篇文章主要介绍一些vue3.0与2.0之间的变化（包含vue-router、vuex、vue的基本语法），具体变化不会全部介绍到，主要是工作中遇到的和2.0的区别。 本篇文章的介绍顺序从脚手架搭建到组件可编译得顺序，来介绍vue3.0于vue2.0的区别。 注意：vue3.0是向下兼容的，所以vu
阅读全文
posted @ 2021-09-26 18:13
摘要：前端各框架的开发都是基于node环境的，所以首先必须安装NODEJS。高版本node中集成了npm安装包，以下各命令都通过npm安装（假设已安装node） 注意：以下两个命令比较重要 ·查看包大小（用于后期打包之后具体看那个包需要优化） npm run build --report ·查看包的所以版
阅读全文
posted @ 2021-08-24 18:08
摘要：一、父到子 1. 通过props属性 父级页面 <child-template :msg="name"></child-template> 子级页面 props: { msg: String } 或 props: { msg: { type: String, default: "默认值" } } 2
阅读全文
posted @ 2021-03-10 20:25
摘要：一、router-link路由导航 <router-link to="/a/123">routerlink传参</router-link> 路由配置:：{path: '/a/:num', name: A, component: A} 地址栏中的显示:：http://localhost:8080/#/
阅读全文
posted @ 2021-03-09 19:55
摘要：在项目当中会经常遇到一些导出文件的需求，对于普通导出的话直接用a标签即可，但是有些导出a标签是满足不了的。也就是a标签是有局限性的。 一、以a标签导出的形式，添加download属性 <a href="文件下载地址" downloa="downloa">下载</a> 以a标签的形式导出局限性： 1、
阅读全文
posted @ 2021-01-19 11:03
摘要：在项目中会遇到开发环境和正式环境访问效果不一样，例如开发环境可以正常访问但是打包之后放到服务器上，图片居然访问不到了等等。。。。 对于以上问题提供两种解决方案： 第一：对于背景图片访问不到的情况，如下这种写法在打包正式环境下是无法访问的， .login { width: 100%; height:
阅读全文
posted @ 2021-01-17 18:05
摘要：在项目中，一般使用npm拉取包使用，但是有时因为文件过大，加载慢等原因，需要CDN引入外部资源。CND引入分为两部分 第一：在index.html中，利用CDN引入vue、 vue-router、 axios写法如下： CND引入相当用script标签全局引入一个变量，之后的用法和npm安装用法一样
阅读全文
posted @ 2021-01-17 17:37
摘要：1、对于一层跳转，例如 A(列表页面) ->进入 B(详情页面) ->再到 A(列表页面)，建议用一下方式： <keep-alive> <router-view :key="this.$route.path" v-if="$route.meta.keepAlive"></router-view> <
阅读全文
posted @ 2021-01-12 19:24
