vue
vue相关
积极向上的十六
这个作者很懒,什么都没留下…
展开
-
Vite2.x 创建 Vue3 项目
Vite2.x 创建 Vue3项目原创 2023-02-20 23:26:55 · 170 阅读 · 0 评论 -
vue 3.0 + Typescript + Element plus 搭建项目
vue 3.0 + Typescript + Element 搭建项目原创 2023-02-08 00:24:12 · 269 阅读 · 0 评论 -
Vue jest 单元测试 常⽤技巧 和 命令
技巧只运⾏某个测试,可以加快速度it.only 例如跳过某个测试,紧急发布的时候可以⽤it.skip例如命令运⾏某个测试⽂件npm run ut "测试⽂件的地址"运⾏某个测试⽂件并且监听,如果有修改⾃动再次运⾏单元测试npm run ut:watch "测试⽂件的地址"查看测试覆盖率npm run ut:coverage监听 + 查看测试覆盖率npm run ut:wc --path=你的地址,去掉src/和后缀...原创 2021-12-10 09:41:49 · 504 阅读 · 0 评论 -
vue 使用 Lodash 的模块化方法处理 array、number、objects、string
安装 Lodashnpm i --save lodash使用 以深拷贝为例// 引入import { cloneDeep } from 'lodash-es'// value为要拷贝对象cloneDeep(value)官方网站原创 2021-12-07 10:37:34 · 745 阅读 · 0 评论 -
Vue 浅拷贝 深拷贝
浅拷贝 深拷贝 简单概括浅拷贝只复制指向某个对象的指针,而不复制对象本身,新旧对象还是共享同一块内存。但深拷贝会另外创造一个一模一样的对象,新对象跟原对象不共享内存,修改新对象不会改到原对象浅拷贝// 拷贝对象{..objValue}// 拷贝数组[...arrValue]深拷贝1 (不推荐)// value为要拷贝对象JSON.parse(JSON.stringify(value))JSON.parse(JSON.stringify())复制时间对象、Error对象、正则表达式,函原创 2021-12-07 10:13:01 · 1723 阅读 · 0 评论 -
Vue 使用 Day.js 获取想要的日期(某年月日,某格式)
Vue 使用 Day.js 获取想要的日期(某年月日,某格式)引入npm install dayjs --save使用在需要用到的页面直接引入import dayjs from 'dayjs'简单使用获取年 : dayjs().year()月 : dayjs().month()日 : dayjs().date()星期 : dayjs().day()时 : dayjs().hour()分 : dayjs().minute()秒 : dayjs().second()毫秒 : d原创 2021-12-05 22:17:38 · 8620 阅读 · 0 评论 -
vue 使用 currency.js 处理 小数的相加减 精度问题
vue 使用 currency.js 处理 小数的相加减 精度问题安装 currency.jsnpm install --save currency.js或者yarn add currency.js引入在需要用到的地方import currency from 'currency.js'使用// number1,number2 就是你想要相加的数currency(number1).add(number2)其他需求详情可参考 currency.js 官网...原创 2021-12-03 14:19:55 · 2050 阅读 · 0 评论 -
vue 3.0 + Typescript + Element 搭建项目
vue 3.0 创建项目创建项目选择自行配置配置Babel:使用babel,便于将我们源代码进行转码(把es6=>es5)TypeScript:使用TypeScript进行源码编写,使用ts可以编写强类型js,对我们的开发有很大的好处Progressive Web App(PWA):使用渐进式网页应用(PWA)Router:使用vue-routerVuex:使用vuex状态管理器CSS Pre-processors:使用CSS预处理器,比如:less,sass等Li原创 2021-11-23 16:23:05 · 2886 阅读 · 0 评论 -
vue 固定范围内随机位置生成 图片(可其他东西)
vue 固定范围内随机位置生成 图片(可其他东西)先说一下思路:在一个范围内(主要是为了确认随机生成的图片中心点在范围内)拿到图片半径(可随机,看需求)随机生成xy坐标 (left,top)第一个判断:判断是否在规定范围内x (随机点的X) - r (半径) >=0 && y(随机点的Y)-r>=0x+r<= W(范围宽) && y+r<=H (范围高)判断最新生成的 图片 范围内是否 有其他的图片假设我们生成的图片集合成一个原创 2021-07-28 16:30:09 · 2080 阅读 · 0 评论 -
vue 3.0 创建项目 慢、卡死、创建失败 解决
vue 3.0 创建项目 慢、卡死、创建失败 解决有很多朋友创建 3.0 项目时,往往会遇到 项目创建项目慢,卡死等一系列问题。毕竟习惯 2.0时用命令去创建这里提供一个解决方法用 视图去创建在命令输入 vue ui 打开视图vue ui创建项目根据自己需求安装依赖注意选中 3.0如果还没升级3.0,可以查看我上一篇文章点击创建项目,等待 一会,就创建 成功了...原创 2021-03-07 21:56:21 · 1957 阅读 · 1 评论 -
Vue 2.0 升级到 3.0 及 创建项目
Vue 2.0 升级到 3.0 及 创建项目vue 3.0 已经发布一段事间了,现在才开始学习 3.0 似乎有点迟,拖更一下其他的,抓紧时间学习 3.0(鸽就硬鸽)1. 将vue 2.0 升级到 vue 3.0先升级 npmnpm install -g npm卸载原本的 vue cli (虽然vue 3.0 新出了 vite,但是这里先不细讲)npm uninstall -g @vue/cli下载最新的vue cli版本npm install -g @vue/cli如图:2. 创原创 2021-03-06 21:58:32 · 1240 阅读 · 0 评论 -
vue 在 html标签上 做三元运算
众所周知,在js 中 a<b?‘方法一’:‘方法二’ 这种 三元运算 是比较方便快捷,那么如何在html标签上直接使用呢?在 标签包裹中,一半为内容,可以直接使用例如:<p class="price">{{price>100?'涨价了':'降价了'}}</p>在 标签内,如 class、style、data- 等等 都需要简单处理例如:<template v-for="(item,index) in selcoursesList"> <原创 2020-12-24 11:07:29 · 8138 阅读 · 2 评论 -
vue axios 网络请求的封装
vue axios 网络请求的封装为了代码更容易管理,对网络请求进行一系列的封装安装依赖npm install axios --save封装~在src目录文件下新建 reqest 文件夹~reqest文件下 新建reqest.jsrequest.js 代码import axios from "axios";export function request(config) { // 1.创建axios的实例 const instance = axios.creat原创 2020-07-05 22:22:17 · 297 阅读 · 0 评论 -
vue cli2 项目的目录结构
vue cli2 项目的目录结构简单的说一下 vue cli2 项目的目录结构。1. 创建项目vue cli2 创建项目2.目录结构先看图文件结构细分1.build——[webpack配置]build文件主要是webpack的配置,主要启动文件是dev-server.js,当我们输入npm run dev首先启动的就是dev-server.js,它会去检查node及npm版本,加载配置文件,启动服务。2.config——[vue项目配置]config文件主要是项目相关配置,我们常用的转载 2020-07-03 21:01:23 · 2143 阅读 · 2 评论 -
vue cli2 创建项目 及各种 命令详解
vue cli2 创建项目 及各种 命令详解由于新的公司用到 vue cli2 脚手架,我个人惯用 cli3 故整理一下 cli2 基础。1. 创建项目创建前请先确定脚手架版本vue -V如果不是 2.x.x ,3以上的版本请做兼容处理可以根据我上一篇文章简单处理vue cli3 使用 cli2若无其他问题,则在自己存放项目文件内创建项目请在红色框框内输入 cmd 调出命令vue init webpack projectNameProject name //这里再次输入原创 2020-07-03 20:31:47 · 3436 阅读 · 1 评论 -
关于vue lic3 使用 cli2 脚手架 的可行性
关于vue lic3 使用 cli2 脚手架 的可行性解:没有问题!1. 检查node.js 的版本是否在 8.9 或更高版本 (推荐 8.11.0+)node -v2. 检查vue cli 脚手架 的版本vue -V升级cli版本:1.npm uninstall vue-cli -g //卸载vue-cli旧版本2.npm install -g @vue/cli //安装新版本3.vue -V //版本号现在应该是4原创 2020-07-03 18:04:23 · 196 阅读 · 0 评论