51
Dev开发社区
首页
文章
问答
工具
搜索
登录
注册
#vue
vue-cli
通过<script>标签把vue.js引入进来,就可以使用vue.js了,但是在真正开发一个应用的时候,我们补课避免的会用到一大堆的工具,模块化、预处理器、热模块加载、代码校验和测试。这些工具对于一个需要长期维护的大型项目来说是必须的,但是项目初始化将会是一个让人痛苦的事情,这就是为什么我们做了vue-cl...
IT猿
·
2020-03-27
vue-cli
很实用的Vue自定义指令
仓库地址: https://github.com/Dafrok/v-hotkeyDemo:https://dafrok.github.io/v-hotkey安装: npminstall--savev-hotkey 这个指令可以给组件绑定一个或多个快捷键。你想要通过按下Escap...
IT猿
·
2020-03-27
用的
Vue
自定义
指令
vue-cli3 element 按需加载按需引入
1.安装element-uinpmielement-ui-S 2.安装按需引入必要插件npminstallbabel-plugin-component-D 3.修改babel.config.jsmodule.exports={presets:["@vue/app"],plugins:[//eleme...
IT猿
·
2020-03-27
按需
vue-cli3
element
加载
引入
vue-lazyload 图片懒加载
vue-lazyload简单使用github地址:https://github.com/hilongjw/vue-lazyload 1.安装插件npminstallvue-lazyload--save 2.引用文件,一般在main.js全局引用,及全局配置importVuefrom'vue'impo...
IT猿
·
2020-03-27
vue-lazyload
图片
加载
vue 图片放大镜效果
插件名称:vue-photo-zoom-prohttps://github.com/Mater1996/vue-photo-zoom-pro 效果图 使用:<template><divclass="images"><img@click.stop="showB...
IT猿
·
2020-03-27
vue
图片
放大镜
效果
vue图片放大、缩小、旋转等
用于图片浏览的Vue组件,支持旋转、缩放、翻转等操作,基于viewer.js。效果: 使用npm命令安装npminstallv-viewer引入v-viewer及必需的css样式,并使用Vue.use()注册插件,之后即可使用。//main.js中引入或者在组件里引入import'viewerjs/dist/...
IT猿
·
2020-03-27
vue
图片
放大
缩小
旋转
vue项目使用webpack构建的本地服务环境,在手机上访问调试
使用vue脚手架构建的项目,一般在本地localhost运行,配合浏览器的模拟调试工具开发。如果想看真机环境,又不想build到线上。webpack能配置电脑本地内网环境指向公网访问的! 1、打开项目的package.json文件,修改里面的script里面的dev"scripts":{"dev":"webp...
IT猿
·
2020-03-27
vue
项目
使用
webpack
构建
在vue中使用sass的配置的方法
1、安装sass的依赖包npminstall--save-devsass-loader//sass-loader依赖于node-sassnpminstall--save-devnode-sass 2、在build文件夹下的webpack.base.conf.js的rules里面添加配置{ test...
IT猿
·
2020-03-27
vue
使用
sass
配置
方法
基于vue-cli配置移动端自适应
移动端自适应:手淘的 lib-flexible +rem在命令行中运行如下安装:1npmilib-flexible--save在项目入口文件main.js里引入lib-flexible12//main.jsimport'lib-flexible'在项目根目录的index.html中添加如下meta1...
IT猿
·
2020-03-27
基于
vue-cli
配置
移动
端自
vue图片上传到七牛云
代码:<template><divclass="upload-info"><div><el-uploadclass="upload-pic":action="domain":data="QiniuData":on-remove="handleRemove":on-error="...
IT猿
·
2020-03-27
vue
片上
传到
七牛
vue百度地图插件
安装npmi--savevue-baidu-map 代码<template><div><baidu-mapv-bind:color:#800000;">"mapStyle"class="bm-view"ak="你的百度地图ak":center="center":zoom="zoo...
IT猿
·
2020-03-27
vue
百度
地图
插件
vue项目开发基本目录结构
.├──build/#Webpack配置目录├──dist/#build生成的生产环境下的项目├──src/#源码目录(开发都在这里进行)│├──assets/#放置需要经由Webpack处理的静态文件│├──components/#组件│├──filters/#过滤器│├──store/ #状态管理│├──ro...
IT猿
·
2020-03-27
vue
项目开发
基本
目录
结构
vue2.0无限滚动加载数据插件
做vue项目用到下拉滚动加载数据功能,由于选的UI库(element)没有这个组件,就用Vue-infinite-loading这个插件代替,使用中遇到的一些问题及使用方法,总结作记录!安装:npminstallvue-infinite-loading–save引入ES6importInfini...
IT猿
·
2020-03-27
vue2.0
无限
滚动
加载
数据
Vue使用vue-echarts图表
vue-echarts和echarts的区别:vue-echarts是封装后的vue插件,基于 ECharts v4.0.1+开发,依赖 Vue.js v2.2.6+,功能一样的只是把它封装成vue插件这样更方便以vue的方式去使用它。echarts就是普通的js库,vue-ec...
IT猿
·
2020-03-27
Vue
使用
vue-echarts
图表
vue-countTo---简单好用的一个数字滚动插件
vue-countTo是一个无依赖,轻量级的vue组件,可以自行覆盖easingFn。你可以设置 startVal 和 endVal,它会自动判断计数或倒计时。支持vue-ssr。vue-countTo参考于countUp.js;安装使用:npminstallvue-count-to例子:...
IT猿
·
2020-03-27
vue-countTo---
简单
用的
一个
数字
首页
上一页
...
131
132
133
134
135
下一页
尾页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他