vue
文章平均质量分 63
本专栏将写一些关于自己学习Vue以及学习过程中踩坑和对Vue学习理解的文章
文化沙漠麦七
代码经得住测试,人性经不起考验
展开
-
Vue使用ECharts完成2020年全国各地区GDP总量大数据可视化面板(附源码)
就在上周全国各地区GDP总量上了热搜,一时性起就想写个大数据面板展示既然决定要写,那么就要考虑到图表和图标的使用,这里我是用了我最熟悉的两大框架ECharts和element-ui一、我的构思步骤1. 确定主题色彩首先我们通过ECharts主题定制确定我们的总体图表颜色也可以自行定制,替换掉我里面的macarons.json文件就行了import macarons from './macarons.json' // 引入默认主题 export default { d原创 2021-04-12 10:39:01 · 5147 阅读 · 13 评论 -
Vue使用photo-sphere-viewer360°×180°全景插件模拟VR看房、房间切换
近两年随着VR的火热,市面上也出现了很多购房和二手房软件小程序出现了VR看房功能,实现足不出户就能亲身体验,那么类似这样的功能是怎么实现的呢?今天阿七就和大家一起来学习一下360°×180°全景插件photo-sphere-viewer和他的插件(这里只用到标记插件Markers)photo-sphere-viewerphoto-sphere-viewer是基于three.js和uEvent 2下载插件使用npm或yarn下载安装npm install photo-sphere-viewer原创 2021-03-24 15:10:08 · 4468 阅读 · 10 评论 -
Vue实现简单列表无限循环滚动(鼠标悬停)
父组件:<template> <div id="animateList"> <div id="box"> <div id="con1" ref="con1" :class="{anim:animate==true}" @mouseenter="mEnter" @mouseleave="mLeave"> <p v-for='item in List'>原创 2021-03-12 14:33:26 · 7060 阅读 · 2 评论 -
vue2和vue3生命周期对比
图示(Vue2为例):对比: vue2 Description vue3 Description beforeCreate 组件实例刚被创建,组件属性计算之前,如data属性等 setup 开始创建组件之前,在 beforeCreate 和 created 之前执行。创建的是 data 和 method created 组件实例刚被创建,属性已绑定,但DOM还没生成,*$el*属性还原创 2021-03-06 14:43:28 · 1160 阅读 · 0 评论 -
vue-cli4/vue-cil3使用process.env.VUE_APP_BASE_API全局地址代替vue-cli2的process.env.BASE_API
前几天Vue3.0正式发布,也说明了Vue3.0后面不会再有大规模改动,大家可以开始系统性学习了,虽然目前大多数公司使用的还是Vue2.0,但这只是一个过渡阶段,Vue3.0经历了两年的开发,在去年Vue2.0也引入了Vue3.0体验组件,后面基本是新项目肯定会使用Vue3.0,Vue2.0到Vue3.0变化还是蛮大的。今天就一起学一下vue-cli4/vue-cil3和vue-cli2在全局地址process.env上的使用吧。由于我们的项目需要在不同环境下进行运行(开发,生产,测试等),这避免我们需要原创 2020-09-28 09:50:15 · 37863 阅读 · 11 评论 -
el-tooltip组件中content使用Vue-i18n报错TypeError: Cannot read property ‘$t‘ of null
一般我们组件内使用动态绑定时会这样写 this.$t(‘manage.add’)<el-input :placeholder="this.$t('manage.add')" v-model="input"></el-input>但是当我们使用el-tooltip组件时<el-tooltip :content="this.$t('manage.edit')" placement="bottom"> <el-button type="primary" i原创 2020-09-05 14:51:33 · 1224 阅读 · 0 评论 -
Vue利用localStorage本地缓存使页面刷新验证码不清零
今天我们使用本地缓存localStorage来实现页面刷新了,验证码倒计时还是和刷新时一样,而不是清零,其次我们可以使用localStorage去实现用户信息缓存,记住密码等等关于缓存的功能,在这里就简单演示一下验证码功能。一、功能实现话不多说,直接上代码<template> <button @click="getCode()" :disabled="!show"> <span v-show="show">发送验证码</span>原创 2020-09-03 11:43:20 · 1071 阅读 · 3 评论
分享