【Vue点滴知识 】
文章平均质量分 76
barnett_y
成功道路并不拥挤,因为坚持的人不多。。。
展开
-
使用nginx部署vue项目及常见问题
使用nginx部署vue项目及常见问题原创 2023-03-04 17:38:32 · 2512 阅读 · 0 评论 -
Vue.js的组件和框架PC与移动 iView elementUI MintUI
饿了么团队开源一个基于vue 组件库elementUI PC官网 http://element.eleme.io/MintUI 移动端 http://mint-ui.github.io/iView 是一套基于 Vue.js 的 UI 组件库,主要服务于 PC 界面的中后台产品。https://www.iviewui.com/components/layout原创 2017-01-06 09:25:13 · 20851 阅读 · 0 评论 -
开源一个用 vue 写的树层级组件 vue-ztree
最近由于后台管理项目的需要,页面需要制作一个无限树的需求,我第一感就想到了插件 ztree,不过我觉得它太大了,还是自己动手丰衣足食吧。 ztree 的 demo 地址:http://www.treejs.cn/v3/demo.php 我拿来了 ztree的样式库,自己动手写的算法,整了一个小而美的 vue-ztree 组件,它基本上能满足我的业务需求,我也希望造福开源社转载 2017-01-14 22:47:54 · 29624 阅读 · 0 评论 -
vue-mobile 又一个 vue ui 库正在开发
https://github.com/vum-team/vumWhat is?vue-mobile is an UI Framework build with Vue.js for SPA:Full Page Structure - header, content, footerPage transition support by vue-routerBunch of转载 2017-01-14 22:50:56 · 6791 阅读 · 0 评论 -
vue 滑动组件
https://github.com/warpcgd/vue-slidervue-slider.jsvue-slider,一个简单的滑动组件,配置简单,支持自适应/全屏+按钮+分页,同时兼容移动端和PC端版本支持vue2.0+目前已实现 全屏自适应 移动端兼容 垂直滚动 定时自动切换 不定宽度滚动 无缝循环滚动未来将实现转载 2017-01-14 22:52:03 · 15128 阅读 · 0 评论 -
Vuejs(14)——在v-for中,利用index来对第一项添加class
(1)在v-for中,利用index来对第一项添加class[html] view plain copy a class="list-group-item" :class="{'active':!index}" v-for="(i,index) in announcement"> index来源于v-for,转载 2016-09-28 10:14:36 · 10323 阅读 · 0 评论 -
vue入门实战教程 - 用vue高仿饿了吗APP
滴滴出行的一位哥们录制的视频,收费的,价格198元,我这里不是打广告,我不认识他。不过对于vue的入门还是不错的,使用的是vue1.0框架,虽然现在已经是vue2.0, 不过2.0基本上只是多了virtual-DOM,Templates || JSX || Hyperscript,流式服务端渲染及一些性能优化,并且管方也有详细的1.0到2.0的迁移教程,懂1.0了,2.0也不用怎么去学习了。转载 2016-12-23 21:10:58 · 36042 阅读 · 1 评论 -
简约至上,Vue圆环菜单组件
VueCircleMenuhttps://github.com/OYsun/VueCircleMenu?hmsr=toutiao.io&utm_medium=toutiao.io&utm_source=toutiao.ioAPIProps参数类型说明typeString必填项,指明菜单的类型,有6种:top,bot转载 2017-01-16 08:55:29 · 8309 阅读 · 0 评论 -
vue.js--Tab选项卡
代码如下:html lang="en">head> meta charset="UTF-8"> title>Documenttitle> style type="text/css"> *{padding: 0;margin: 0} #app{ width: 500px;height: 300px;margin:转载 2017-01-16 15:11:20 · 1778 阅读 · 0 评论 -
使用vue.js构建一个知乎日报
Vue.js是我所喜爱的,知乎也是我喜爱的,突发奇想使用vue做了一个知乎日报项目地址:Github地址在线预览demo设计:1.设计上没有按照知乎日报客户端的交互及UI设计来做,本渣亲自捏了一个,颜色以黑白灰为主,本来想加入知乎的蓝色,但是本渣设计功力实在太差,故舍弃掉了蓝色,只采用黑白灰三色。2.日报条目采用无边界设计,只添加淡灰色的分割线来区分转载 2017-01-16 16:36:50 · 1760 阅读 · 0 评论 -
使用vue.js模仿小米官网的作品
使用vue.js模仿小米官网的作品https://github.com/wendaosanshou/mi-by-vue运行步骤# 安装依赖npm install# 在本地启动服务,并且通过localhost:8080地址进行访问npm run dev# 编译并且压缩代码npm run build访问路径http://vue.fecss转载 2017-01-14 22:43:30 · 10483 阅读 · 0 评论 -
使用 Vue 2.x + WeUI 1.x 开发微信视觉样式
https://git.oschina.net/tianyong/we-vuewe-vuewe-vue 结合 vue2.0 强大的组件化机制和 weui 的微信官方视觉样式,形成了一套灵活的组件,适用于微信公众号等移动端开发。目前部分组件已完成,仍有部分在开发中或已计划即使开发。欢迎贡献代码或者提出宝贵建议。安装npmnpm inst转载 2017-01-14 22:22:08 · 12007 阅读 · 0 评论 -
vue.js分享记录
本文是为了分享Vue相关知识点,从之前一篇Vue和React对比笔记中节选出来的。一、数据双向绑定1.插值表达式2.指令系统(声明式绑定)3.Class与Style绑定4.条件渲染和列表渲染5.时间处理器6.表单控件7.计算属性8.数据获取(axios)二、组件及数据流1.创建组件2.使用组件3.生命周期4.组件之间信息传递转载 2017-02-05 18:08:41 · 2029 阅读 · 0 评论 -
使用 Vuex + Vue.js 构建单页应用
原文地址:https://coligo.io/learn-vuex-by-building-notes-app/前言:在最近学习 Vue.js 的时候,看到国外一篇讲述了如何使用 Vue.js 和 Vuex 来构建一个简单笔记的单页应用的文章。感觉收获挺多,自己在它的例子的基础上进行了一些优化和自定义功能,在这里和大家分享下学习心得。在这篇教程中我们将通过构建一个笔记应用来学习转载 2016-09-28 10:30:13 · 20996 阅读 · 1 评论 -
Vue 初接触实战之账单组件
Vue作为一个构建数据驱动web界面的库,是去年最火的MVVM风格库之一。Vue的用起来有Angular的影子,把很多自定义指令注入html,又吸收了React的优点和精华。比如与Vue的配套使用的Vuex就是从Redux和Flux中借鉴了不少思路。Vue从去年的下半年开始火起来,目前在Awesomes前端资源库的热度排行里面处于Top2的位置。得益于更加简洁的语法和易用性,Vue目前在社转载 2016-09-28 10:41:39 · 3258 阅读 · 0 评论 -
用 vue.js 开发微信 app(ios 版) 界面的 demo
https://github.com/useryangtao/vue-wechat主题 Vue.js iOS开发vue-wechat用vue.js开发微信app(ios版)界面的demo线上地址: vue-wechat.github.io因为github.io的限制,每次访问的入口都应是从主页( vue-wechat.github.io )访问,不要转载 2016-10-05 13:23:02 · 11390 阅读 · 0 评论 -
组件改变生活_揭开Vue组件的神秘面纱
在这一节里,我们将会了解到Vue的组件,理解组件是如何工作的,并利用一系列的例子证明,用组件化的思想开发项目,会给你带来不一样感受。如果我们理解了Vue的组件化思想,我们就可以利用这个思想构造一个简化的评论投票系统,一个用户可以发布评论,其他用户可以在任意的评论上面投“赞成票”或者投“反对票”。如果你是第一次接触Vue的话,你可以看看我之前的文章,《从零开始学Vue》,了解Vue的基本语法转载 2016-10-07 20:25:25 · 3069 阅读 · 0 评论 -
vue + webpack 起手式
介紹https://segmentfault.com/a/11900000053630302016-10-04 更新為使用 Vue.js 2.x前端的世界變化之快速,從 2010 開始小弟經歷了 jQuery, Backbone, Angular, 到 React。這一路走來雖然學習到了許多高明開發者融合於框架或函式庫中的智慧,卻也因為不斷快速變化感到疲憊。時至 2016 小弟转载 2016-10-07 20:29:32 · 6722 阅读 · 0 评论 -
一步一步教你用 Vue.js + Vuex 制作专门收藏微信公众号的 app
只看不赞,或者只收藏不赞的都是耍流氓,放学别走,我找我哥收拾你们。项目地址:https://github.com/jrainlau/wechat-subscriptor下载&运行git clone git@github.com:jrainlau/wechat-subscriptor.gitcd wechat-subscriptor && npm insta转载 2016-10-07 20:34:24 · 4883 阅读 · 1 评论 -
Webpack + vue-loader构建单文件vue组件
1.开始创建下面目录:修改package.json:[javascript] view plain copy{ "name": "vue", "version": "0.0.1", "description": "My vue", "author": "minix转载 2016-12-23 14:43:41 · 1652 阅读 · 0 评论 -
Vue.js插件开发入门
相对 组件 来说,Vue 的 插件 开发受到的关注要 少 一点。但是插件的功能是十分强大的,能够完成许多 Vue 框架本身不具备的功能。 大家一般习惯直接调用现成的插件,比如官方推荐的 vue-router 、 vue-touch 等。 下面就看一下 Vue 的插件开发如何入门。首先我们简单回顾一下 Vue.js 官方文档中对于插件开发的描述。Vue 的插件必须提供一个公开方法转载 2017-01-05 23:00:00 · 1472 阅读 · 0 评论 -
Vonic—基于Vue.js和ionic样式的移动端UI框架
演示: https://wangdahoo.github.io/vonic/docs/源码:https://github.com/wangdahoo/vonic原创 2017-01-05 23:08:07 · 28462 阅读 · 0 评论 -
vue-auto-focus: 控制自动聚焦行为的 vue 指令
在网页的表单中,经常需要用程序来控制input和textarea的自动聚焦行为。例如我最近做的一个项目,有个装箱出库的流程,input框自动聚焦的流程如下:页面进入时自动聚焦到订单号输入框->订单号扫描完毕聚焦到商品条码输入框->扫描完一个商品条码后依然停留在条码输入框->所有条码扫描完毕聚焦到订单号输入框。为了应付这种需求,就做了这个指令,github地址: vue-auto-focus ,欢迎转载 2017-01-16 16:37:49 · 5775 阅读 · 0 评论 -
用Vue.js和Webpack开发Web在线钢琴
缘起由于童心未泯,之前在手机上玩过钢琴模拟App,但是手机屏幕太小,始终觉得不过瘾。其实对于我这个连基本乐理都不懂的“乐盲”来说,就算给我一台真正的钢琴,我也玩不转。不过是图个新鲜、权当娱乐罢了。最近刚好入手一台带触摸屏的Lenovo Yoga 4 Pro,这倒给了我新的想象空间:大屏幕玩起来是不是更带感?在Win10应用商店里搜了下,还真有各种模拟钢琴的应用,随便选了一款安装。结果非常令转载 2017-02-09 09:23:39 · 2187 阅读 · 0 评论 -
Vue.js模拟微信朋友圈开发demo
我用Vue.js实现微信朋友圈的一些功能,实现展示朋友圈,评论,点赞。 先构造一个vue的实例,对会更改的数据进行双向绑定, 我用JSON伪造模版数据,先实现显示朋友圈的效果,使用v-for方法去循环ALLFeeds中的每一项item生成包括name、content、time在内的各项数据。HTML代码: div class="border" v-for="item i转载 2017-02-14 09:32:59 · 6228 阅读 · 0 评论 -
vue自定义指令实现v-tap插件
前言放弃jQuery,拥抱MVVM,拥抱组件吧!http://www.imooc.com/article/2583vue-touch基于hammer,对于普通简单手势的页面来说过于庞大!于是想自己实现一个最常用的手势tap。顺着自定义指令和插件文档,昨晚实现了一个v-tap指令,丢出这篇干货。指令与插件介绍自定义指令和插件官方文档中也介绍比较简单详细转载 2017-02-14 12:40:48 · 2966 阅读 · 0 评论 -
基于vue1.0开发的移动端H5积分商城项目
项目http://dudodo.cc/2016/12/09/04/12345基于vue@1.0开发的移动端H5积分商城项目vuevue-ruotervue-resourcewebpackGithub 1234#github仓库urlgit clone https://github.com/vince转载 2017-02-23 20:40:35 · 7244 阅读 · 0 评论 -
vue-resource插件使用
本文的主要内容如下:介绍vue-resource的特点介绍vue-resource的基本使用方法基于this.$http的增删查改示例基于this.$resource的增删查改示例基于inteceptor实现请求等待时的loading画面基于inteceptor实现请求错误时的提示画面本文11个示例的源码已放到GitHub,如果您觉得本篇内容不错,请点个赞,或在GitHub上加个星转载 2017-02-03 14:24:17 · 927 阅读 · 0 评论 -
ajax请求插件vue-resource的学习
http://cn.vuejs.org/guide/plugins.htmlajax请求插件vue-resource的学习https://github.com/vuejs/vue-resource/blob/master/README.md1、安装npm install vue-resource112、使用import VueResource from 'v转载 2017-02-03 14:28:32 · 914 阅读 · 0 评论 -
基于vue+vuex+localStorage开发的本地记事本
本文采用vue2.0+vuex+localStorage+sass+webpack,实现一个本地存储的记事本。兼容PC端和移动端。在线预览地址: DEMO功能说明支持回车添加事件支持事件状态切换添加事件 -> 进入未完成列表未完成 -> 已完成(勾选checkbox)未完成 -> 已取消(点击取消按钮)已完成 ->转载 2017-01-24 21:11:58 · 3493 阅读 · 0 评论 -
前端开源项目周报0314
由OpenDigg 出品的前端开源项目周报第十二期来啦。我们的前端开源周报集合了OpenDigg一周来新收录的优质的前端开源项目,方便前端开发人员便捷的找到自己需要的项目工具等。http://www.jianshu.com/p/5e5e39e0a2d8vue2-elm 重写饿了么webappreact-loadable 用于加载组件的高阶组件node-draft转载 2017-03-14 19:52:47 · 692 阅读 · 0 评论 -
vue数据传递--我有特殊的实现技巧
前言https://segmentfault.com/a/1190000012808179最近碰到了比较多的关于vue的eventBus的问题,之前定技术选型的时候也被问到了,vuex和eventBus的使用范围。所以简单的写一下。同时有一种特殊的实现方案。有这么几种数据传递方式,vuex、props、eventBus和特殊的eventBus。vuex不介绍转载 2018-01-22 09:45:35 · 429 阅读 · 0 评论 -
vue的坑
一、Vue 不能检测对象属性的添加或删除:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script src="https:/转载 2018-03-14 16:09:41 · 700 阅读 · 1 评论 -
Vue.js学习之vue-router vuex axios webpack
Vue.js学习系列一 —— vue-router2学习实践笔记(附DEMO)Vue.js学习系列二 —— vuex学习实践笔记(附DEMO)Vue.js学习系列三 —— axios和网络传输相关知识的学习实践Vue.js学习系列四 —— Webpack打包工具的使用转载 2017-02-14 09:30:06 · 2376 阅读 · 0 评论 -
一个好用精简的vuejs轮播插件——vue-swiper
这个vue轮播插件只有10k大小,使用十分方便先放官网的使用方法。http://www.jianshu.com/p/e11505466851import Vue from 'vue'import Swiper from 'vue-swiper'new Vue({el: 'body',components: {Swiper},methods: {onSlideChan转载 2017-02-12 09:14:18 · 44281 阅读 · 0 评论 -
Vue.js学习系列一 —— vue-router2学习实践笔记(附DEMO)
想学习Vue的SPA应用,路由这一块是必不可少的。相信很多和我一样刚接触前端的朋友对于路由这玩意是很困惑的。所以在我学习并成功使用了vue-router后,将我的个人经验分享出来,希望可以让同样对路由不知所措的同学有所帮助。注意:本文demo的项目结构用的是最新的命令行工具创建的webpack项目模板;本文知识点是基于Vue2.0和vue-route 2的,更多内容请参考Vue转载 2017-02-07 20:06:13 · 4052 阅读 · 0 评论 -
Vue.js学习系列二 —— vuex学习实践笔记(附DEMO)
上次学习了vue-router的使用,让我能够在各个页面间切换,将页面搭建了起来。这次则要学习vue的状态管理模式——vuex。它类似于redux来应用的全局状态。注:本文只是个人对vuex学习的一些理解,要深刻掌握还需要认真查阅官方文档。一、基本介绍Vuex 是一个专为 Vue.js 的SPA单页组件化应用程序开发的状态管理模式插件。由于Vue SPA应用的模块化转载 2017-02-07 20:06:59 · 3979 阅读 · 0 评论 -
Vue.js学习系列三——axios和网络传输相关知识的学习实践
在学习了之前的路由vue-router和状态管理vuex之后,就应该是网络交互了。就学习尤大推荐的axios了。刚好本人对网络请求这块除了会get、put、post和delete这四个方法之外知之甚少,刚好补全上。注意:Vue官方推荐的网络通信库不再是vue-resource了,推荐使用axios。尤大的公告axios安装npm:$ npm转载 2017-02-07 20:09:13 · 16763 阅读 · 0 评论 -
Vue.js学习系列四——Webpack打包工具的使用(装修中……)
这两周一直想写webpack的知识点,却发现webpack其实要说的很具体内容挺多的。而且稀土掘金上一搜webpack有好多人都有去写webpack的知识点,所以本文中不再去重复别人的东西了,就简单记录一下我对webpack的理解。并按照老规矩附上demo以及我收藏的几篇不错的webpack入门文章以供学习参考~一、什么是webpack1. webpack是虾米?web转载 2017-02-07 20:10:47 · 14635 阅读 · 0 评论 -
购物车demo教程
购物车demo教程源码是这个路径,本人学习用,谢谢大神,涉及版权,我去掉!demo:http://xiaoluoboding.github.io/vue-demo-collection/shopping-cart/#!/github:http://github.com/xiaoluoboding/vue-demo-collectionwebpack 热气说明转载 2017-02-09 09:42:05 · 3124 阅读 · 0 评论