vue开发

使用Vue开发动态刷新Echarts组件的教程详解

需求背景：dashboard作为目前企业中后台产品的“门面”，如何更加实时、高效、炫酷的对统计数据进行展示，是值得前端开发工程师和UI设计师共同思考的一个问题。今天就从0开始，封装一个动态渲染数据的Echarts折线图组件，抛砖引玉，一起来思考更多有意思的组件。准备工作项目结构搭建因为生产需要（其实是懒），所以本教程使用了==vue-cli==进行了项目的基础结构搭建。npminstall-gvu
司想君·2018-03-22 11:19

手拉手，用Vue开发动态刷新Echarts组件

从几年前流行的jQuery插件，到现在React和Vue的组件，在业务需求的开发中抽象通用出通用的模块，一直都是一个对个人技术提高非常有帮助的事情。本文从一个真实业务组件的开发，来介绍封装一个组件应该如何从哪些方面去思考，以及在使用框架开发的今天，核心基础知识的重要性。需求背景dashboard作为目前企业中后台产品的“门面”，如何更加实时、高效、炫酷的对统计数据进行展示，是值得前端开发工程师和U
司想君·2018-03-22 00:00

python+flask+vue开发第一天

1.安装node.js(http://www.runoob.com/nodejs/nodejs-install-setup.html)2.基于node.js,利用淘宝npm镜像安装相关依赖在cmd里直接输入：npm--registryhttps://registry.npm.taobao.orginfounderscore，回车，等待替换成功..3.安装vuenpminstall--globalv
kevinyang13·2018-03-21 17:24

vue2 mint-ui loadmore实现下拉刷新,上拉更多功能

mintui是饿了么团队针对vue开发的移动端组件库，方便实现移动端的一些功能,这里主要给大家介绍vue2mint-uiloadmore实现下拉刷新,上拉更多功能，具体代码如下所示：Pullup在列表底部
岳小哥·2018-03-21 09:41

我喜欢 Vue 的 10 个方面 | Linux 中国

也许你将同意我的一些观点，但至少我希望能够给大家使用Vue开发现代JavaScript应用一些灵感。
技术无边·2018-03-21 00:00

vue中使用微信JSSDK，在IOS端会授权出错

因为最近的项目需要用到vue开发微信公众号，需要调用微信的扫码和打开地图定位。所以就用到了微信JSSDK。
威崽子_·2018-03-19 13:56

Element el-upload上传组件详解

upload上传是前端开发很常用的一个功能，在Vue开发中常用的Element组件库也提供了非常好用的upload组件。
岗伯伯·2018-03-17 00:00

微信小程序开发框架和工具库推荐

比较显著的特点是，类Vue开发风格和小程序细节优化，如请求列队，事件优化等。地址：WePYmpvuempvue是一个使用Vue.js开发小程序的前端框架。
yingye·2018-03-16 00:00

vue学习笔记之：为何data是一个方法

vue学习笔记之：为何data是一个方法在vue开发中，我们可以发现，data中的属性值是在function中return出来的。可为何data必须是一个函数呢？
_林冲·2018-03-15 11:00

解决vue多个路由共用一个页面的问题

在日常的vue开发中我们可能会遇见多个路由需要共用一个页面的需求，特别是当路由是通过动态添加的，不同的路由展示的东西只是数据不同其他没有变化。
_gunner_·2018-03-12 16:56

windows下搭建vue开发环境最新

Vue.js是一套构建用户界面的“渐进式框架”。Vue采用自底向上增量开发的设计。Vue的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。2016年，Vue同Angular、React形成三足鼎立的局面，让前端的开发者顾不暇接，今天我们就来了解一下Vue的环境搭建。一、node.js安装Vue项目通常通过webpack工具来构建，而webpack命令的执行是依赖node.js
edragonchina·2018-03-10 10:46

使用Vue开发微信小程序：mpvue框架

【最近更新】mpvue入门系列教程：如何在mpvue中正确的引用小程序的原生自定义组件使用mpvue开发小程序教程（六）使用mpvue开发小程序教程（五）使用mpvue开发小程序教程（四）使用mpvue
一斤代码·2018-03-09 19:31

使用vue开发桌面应用(electron)

零基础使用electron编写记录/复习单词的软件vocabook.记录了第一次开发electron遇到的问题与如何组合使用api来实现通常的需求.这个项目是使用了electron-vue作为模板的.使用起来非常简便,只要://如果没有vue-cli需要先安装npmi-gvue-clivueinitsimulatedgreg/electron-vuemy-project走到这里已经有用vue写的跨
小胖·2018-03-09 00:00

Vue开发之——Vue环境搭建

前言Vue自从发布以来就一直受到前端开发人员的热爱，而除了一些本身优秀的特征之外，还有就是丰富的插件和工具的支持和更新。本文主要讲述Vue环境搭建。内容包含：node.js环境（npm包管理器）vue-cli脚手架构建工具cnpmnpm的淘宝镜像Vue搭建第一步node环境安装下载地址：https://nodejs.org/en/或者http://nodejs.cn/如果本机没有安装node运行环
PGzxc·2018-03-07 16:04

vscode vue开发 实用插件整理

项目管理ProjectManager皮肤DraculaOfficialOneDarkProvueveturVue2SnippetsVueHelper注释DocumentThisfileheader代码格式化Prettier-Codeformatter智能提示pathintellisensenpmintellisense语法检查ESLintTSLintgitopen-in-sourcetreegit
会煮咖啡的猫咪·2018-03-07 09:28

vue-路由(小坑记录)

vue开发的单页应用在跳转的时候，会有一个#号，我们称这种模式为hash(哈希)
9d0edee7bcb0·2018-03-06 15:54

基于Vue+Spring MVC+MyBatis+Shiro+Dubbo开发的分布式后台管理系统

github.com/lining90567/dubbo-demo-client最近项目中使用了shiro做权限管理，在开发过程中也踩了一些坑，于是便有了开发个应用巩固一下所学知识的想法，正好在开发的过程里学习一下Vue
lining90567·2018-03-02 16:00

windows环境搭建Vue开发环境

一、安装node.js（https://nodejs.org/en/）下载完毕后，可以安装node，建议不要安装在系统盘（如C：）。二、设置nodejsprefix（全局）和cache（缓存）路径1、在nodejs安装路径下，新建node_global和node_cache两个文件夹2、设置缓存文件夹npmconfigsetcache"D:\vueProject\nodejs\node_cache
阿MEI·2018-03-01 10:00

vue中请求本地数据

vue中请求本地数据1.修改webpack.dev.conf.js配置（用express）（只引入json文件,或者在配置中直接用mock.js）VUE开发请求本地数据的配置，旧版本dev-server.js
萱苏m·2018-02-28 14:39

vue中请求本地数据

vue中请求本地数据1.修改webpack.dev.conf.js配置（用express）（只引入json文件,或者在配置中直接用mock.js）VUE开发请求本地数据的配置，旧版本dev-server.js
萱苏m·2018-02-28 14:39

VScode中保存时使用ESlint进行代码检查

在进行vue开发时，使用ESlint进行代码检查，虽然VScode自带代码格式化功能，但是默认格式化之后的代码不能通过ESlint的检查。
我会看见天很蓝·2018-02-26 21:00

Vue的elementUI实现自定义主题方法

使用vue开发项目，用到elementUI，根据官网的写法，我们可以自定义主题来适应我们的项目要求，下面来介绍一下两种方法实现的具体步骤，（可以参考官方文档自定义主题官方文档），先说项目中没有使用scss
wangcuiling_123·2018-02-23 16:27

详解vue2.0 不同屏幕适配及px与rem转换问题

因为项目需要，vue开发项目，必须将已写的以px为单位的部分，转换为rem。要是全部转换，这大量的计算量，哪怕是sublimeText的cssrem插件，也是一个庞大的工作量。
来掘金了·2018-02-23 09:02

vue 使用Jade模板写html,stylus写css的方法

日常工作都是使用vue开发页面和webApp,写的多了就想偷懒简化各种书写方式，所以使用了jade写html，stylus写css，省了很多的步骤和提高了效率。
taoquns·2018-02-23 08:45

vue 使用Jade模板写html，stylus写css

vue使用Jade模板写html，stylus写css日常工作都是使用vue开发页面和webApp,写的多了就想偷懒简化各种书写方式，所以使用了jade写html，stylus写css，省了很多的步骤和提高了效率
Taoqun·2018-02-22 00:00

Vue wacth路由

在用vue开发spa的时候，遇到过这样一种情况，路由地址为http://localhost:8080/m/list/305038信息详情页面。
烫嘴豆腐·2018-02-18 20:02

集成vue到jquery/bootstrap项目的方法

现在，使用vue开发，集成vue到原先的项目中。不影响原先的框架。原来的打包方式是使用fis打包，集成vue之后，先用webpack打包，再用fis打包。互不影响。
starryninglong·2018-02-10 10:40

关于vue中watch检测到不到对象属性的变化的解决方法

前言在vue开发的过程中发现一个问题：改变vue.$data中对象的属性，watch是观测不到变化，但其实对象的属性是有变化的。这……，有点难以置信！
issac_宝华·2018-02-08 11:30

前端框架本质之探究——以Vue.js为例

各位看官先别不服，FEer在基于Vue开发项目时，确实写了很多代码，但本质上，这些代码都是在往这台机器的固定工作程序上添加自定义的行为。
大唐西域都护·2018-02-07 21:00

Nuxt.js 基础入门教程

原文链接Vue开发一个单页面应用，相信很多前端工程师都已经学会了，但是单页面应用有一个致命的缺点，就是SEO极不友好。
leungjz·2018-02-05 00:00

vue2.0之多页面的开发的示例

我们平常用vue开发的时候总觉得vue好像就是专门为了单页面应用而诞生的，其实不是。因为vue在工程化开发的时候很依赖webpack，而webpack是将所有的资源整合到一块，弄成一个单页面。
Tank_in_the_street·2018-01-30 10:30

vue通过路由实现页面刷新的方法

vue开发微信商城项目，需求如下：购物车页面跳转到详情页，购物车页面包含了多个组件，点击结算跳转到订单页面，从订单返回时，购物车页面没有刷新，由于购物车组件之间通过bus实现事件传递，页面跳转（非物理返回
陌上寒·2018-01-25 10:34

基于vue开发的在线付费课程应用过程

使用vuxUI组件库使用vue-navigation缓存页面，此库实现了前进刷新后退读缓存的功能，像原生APP导航一样。用子路由的方式实现tabbar有bug，用vuex解决了。使用lib-flexible解决移动页面适配来一个清单"dependencies":{"fastclick":"^1.0.6","lib-flexible":"^0.3.2","lodash":"^4.17.4","vue
小土狗·2018-01-25 08:19

安卓原生与vue前段相互调用

那是正常情况下的交互，但是如果前段人员使用vue开发就会产生一个问题：安卓原生调用js中的方法报“方法找不到”的错误。
土豆的一百种吃法·2018-01-24 15:27

vue通过路由实现页面刷新

vue开发微信商城项目，需求如下：购物车页面跳转到详情页，购物车页面包含了多个组件，点击结算跳转到订单页面，从订单返回时，购物车页面没有刷新，由于购物车组件之间通过bus实现事件传递，页面跳转（非物理返回
陌上寒·2018-01-24 00:00

vue开发中遇到的问题与解决方案（三）

vue处理数组会有些问题：官网摘要：由于JavaScript的限制，Vue不能检测以下变动的数组：当你利用索引直接设置一个项时，例如：vm.items[indexOfItem]=newValue当你修改数组的长度时，例如：vm.items.length=newLength为了解决第一类问题，以下两种方式都可以实现和 vm.items[indexOfItem]=newValue 相同的效果，同时也将
驚鴻入梦·2018-01-22 16:50

WebStorm配置Vue开发环境

虽然最新版的前端开发利器WebStorm支持了Vue，但是大部分人的WebStorm依然是默认不支持Vue的老版本（比如之前的我），所以需要手动添加WebStorm对Vue的支持。要想让WebStorm支持Vue主要分两步，第一步是安装Vue.js插件，使得WebStorm能够对Vue语法进行提示；第二步是配置Vue模板，即快速创建Vue文件。1.安装Vue.js插件点击Preferences进入
weixin_30852419·2018-01-22 00:00

使用Vue开发一个实时性时间转换指令

比如咱们今天要聊的这个话题：如何用Vue开发一个实时性的时间转换指令？接下来正文从这开始~如上图所示（我是截取的某技术社区首页的部分页面），大家看到用红色边框勾选中的时间文字了吧。
闰土大叔·2018-01-17 10:37

项目开发遇到的一些问题

6月份的时候做过一段时间的vue开发，之后换工作，了解到目前所在的公司是打算使用node来做服务端渲染，当时对node的接触很少，或许可以通过这个项目，可以让我对node有更多的了解，所以就决定接受目前这家公司的
数字字母下划线·2018-01-17 00:00

vue开发：echart显示百分比

option={title:{x:'center',text:'Age',subtext:'RainbowbarforAge',link:'http://echarts.baidu.com/doc/example.html'},tooltip:{trigger:'item',formatter:'{b}:\n{c}%'},toolbox:{show:true,feature:{dataView:{
Generon·2018-01-15 13:10

全新打包工具parcel零配置vue开发脚手架

parcel-vue一个基于Parcel打包工具的VueJS急速开发脚手架解决方案,强烈建议使用node8.0以上项目地址:https://github.com/w3c-king/parcel-vue初始化项目$gitclonehttps://github.com/w3c-king/parcel-vue.git安装依赖$cdparce-vue$npminstall其中parcel-bundler是
w3c-king·2018-01-11 15:20

从零开始搭建一个简单的基于webpack的vue开发环境

更新：2019/07/28从零开始搭建一个简单的基于webpack的react开发环境原文：都8102年了，现在还来谈webpack的配置，额，是有点晚了。而且，基于vue-cli或者create-react-app生成的项目，也已经一键为我们配置好了webpack，看起来似乎并不需要我们深入了解。不过，为了学习和理解webpack解决了前端的哪些痛点，还是有必要从零开始自己搭建一个简单的开发环境
深红·2018-01-10 00:00

Vue开发中遇到的问题与解决方案（一）

vue生命周期函数：http://www.zhimengzhe.com/Javascriptjiaocheng/236707.html1、在watch或者created里面操作dom,用this.$nextTick(function(){xxxx})2、class动态绑定三元写法：:class="[isShowTab?'showTab':'noShowTab']"3、vue获取后端数据应该在cre
驚鴻入梦·2018-01-03 16:48

vue开发中v-for在Eslint的规则检查下出现：Elements in iteration expect to have 'v-bind:key' directives

在使用VScode编辑器vue开发过程中，v-for在Eslint的规则检查下出现报错：Elementsiniterationexpecttohave‘v-bind:key’directivesEslint
12354445455454·2017-12-31 18:58

使用vue-cli+webpack搭建vue开发环境的方法

在这里我们需要首先下载node，因为我们要用到npm包下载，是基于node的废话不多说，我们直接进入正题下载node，同时需要下载git，以后我们就在git上输入命令来搭建我们的vue环境git用的是linux命令不要问为什么，能用就行，你说是不是？windows系统，下载完git以后我们再桌面右击鼠标会看到gitBash，点开它，然后就打开了git，git有很多功能，同时git可以往github
我叫大王来巡山·2017-12-22 15:42

vue项目生成二维码功能推荐使用node-qrcode

https://github.com/soldair/node-qrcode近期项目开发前端需要用到生成二维码功能,前端基于vue开发,找了下轮子,主要都是qart.js或者qrcode.js等,都尝试使用后发现不是我想要的
cheer_up_cs·2017-12-22 15:11

利用vue开发一个所谓的数独方法实例

1.前言最近工作中遇到一个问题，因为后台管理系统页面功能暂时没有新的需求，就在想首页放什么东西，最近我想到的就是放个所谓的数独，为什么是所谓的数独，因为规则不同于标准的数独，只要求每一行每一列数字不一样就可以了！这个实例也是基于vue的，代码分享给大家。给大家代码，并不是要让大家直接拷贝代码，而是希望能让大家当做是一个练手的项目，或者学习到知识。如果大家觉得我哪里写得不好，写错了，欢迎指出，让大家
守候·2017-12-21 09:03

用vue开发一个所谓的数独

1.前言最近的后台管理系统页面，功能暂时没有新的需求，就在想首页放什么东西，最近我想到的就是放个所谓的数独，为什么是所谓的数独，因为规则不同于标准的数独，只要求每一行每一列数字不一样就可以了！这个实例也是基于vue的，代码分享给大家。给大家代码，并不是要让大家直接拷贝代码，而是希望能让大家当做是一个练手的项目，或者学习到知识。如果大家觉得我哪里写得不好，写错了，欢迎指出，让大家交流意见，一起进步。
守候·2017-12-21 00:00

基于Vue开发数字输入框组件

随着Vue越来越火热,相关组件库也非常多啦,只用轮子怎么够,还是要造起来!!!1、概述Vue组件开发的API：props、events和slots2、组件代码github地址：https://github.com/MengFangui/VueInputNumber效果：（1）index.html数字输入框组件(2)input-number.js//验证输入值是否为数字functionisValue
孟繁贵·2017-12-19 11:09

vuejs的render渲染函数

官网文档地址:https://cn.vuejs.org/v2/guide/render-function.html引入：vue推荐绝大数情况下实验template创建html，但是我们时常在vue开发需要动态的生成页面
z1340954953·2017-12-16 19:44
上一页 75 76 77 78 79 80 81 82 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他