放学路上 放学路上
2年前
vscode+vue简单安装教程
1、安装vscode、node.js。2、打开vscode终端,全局安装vuecli:npminstallgvuecli用于构建项目。3、继续安装webpack(打包工具):npminstallgwebpack。4、安装完成创建一个文件夹用于存放项目,比如myvue,cd到该文件夹,使用项目创建命令:vueinitwebpackmyvue。
Easter79 Easter79
2年前
vue + echart 实现中国地图 和 省市地图(可切换省份)
一.中国地图1.先导入echarts,然后再main.js里引入echarts//引入echartsimportechartsfrom'echarts'Vue.prototype.$echartsecharts//还要特别引入china.json,这样中国地图才会出现,不然只会出现右下角的南海诸岛importchinafr
Alex799 Alex799
3年前
Vue进阶(幺肆拐):利用Vue中keep-alive快速实现页面缓存
引入场景有时候我们不希望组件被重新渲染影响使用体验;或者处于性能考虑,避免多次重复渲染降低性能。而是希望组件信息可以缓存下来,维持当前的状态。这时候就可以用到keepalive组件。官网解释:<keepalive包裹动
Easter79 Easter79
2年前
vue 调用 ios提供的方法
各种百度之后,在别的站看到一篇文章,介绍可以使用WebViewJavascriptBridge与原生app进行通信;在项目中尝试了一下,确实有效记录一下。原文链接:https://blog.csdn.net/szjSmiling/article/details/82773293(https://www.oschina.net/action/
Souleigh ✨ Souleigh ✨
3年前
Vue - 深入浅出 Mixin
什么mixinmixin,意为混入。比如去买冰激凌,我先要一点奶油的,再来点香草的。我就可以吃一个奶油香草的冰激凌。如果再加点草莓,我可以同时吃三个口味的冰激凌。代码表示假设把你已有的奶油味的称为base,把要添加的味道称为mixins。用js伪代码可以这么来写:const base    hasCreamFlavor()     re
Dax Dax
3年前
如何使用vue中的nextTick
其实这个问题主要就是针对Vue的异步更新队列的理解,因为我们平时用的也比较少,所以很多时候都会忽略掉,但是如果我们在面试当中能比较详细的解答这个问题,那么我相信这应该会是一个闪光点,那话不多说,我们先来捋一下答题思路:答题思路:nextTick是什么?先来一个定义为什么需要他呢?异步更新队列实现原理解释什么地方使用到他呢?描述使用的场景如何使用他呢?描述使用
Easter79 Easter79
2年前
vue 弹窗式 滑动图片验证码
效果图:!(https://oscimg.oschina.net/oscnet/b752f73a444f2bcb7cc4d21a9ccab54c68f.png)具体代码:test.vue//整个页面是个弹窗visible控制弹窗的显示关闭默认打开<template<divclass
【ReportDesign】100行代码搞定一个功能完整的报表页,你不心动吗?
使用文档地址:http://43.143.54.159/github地址:https://github.com/hunanliy/reportdesignReportDesign是一款基于ElementUI进行扩展的Vue开源组件库,以数据驱动视图,通过简单的配置生成一个完整的页面,主要包含Form表单、Table表格、Report报表和DialogS
Stella981 Stella981
2年前
Nuxt项目支持import写法的最新解决方案
最近在看Nuxt开发vue项目的视频,视频中讲到Nuxt项目不支持es6的import写法。并提供了解决方案:1.在package.json中添加我标红的部分:"scripts":{"dev":"crossenvNODE_ENVdevelopmentnodemonserver/index.jswa
Easter79 Easter79
2年前
TypeScript 快速入门(基础篇)
点击“前端自学社区”查看更多精彩!(https://oscimg.oschina.net/oscnet/78d93808bb834b57b72ddac371ee338b.png)2020了,很多朋友疑问TypeScript有必要学吗答案:当然有必要。现在Vue3.0今年预计