![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 94
秋风_irwin
这个作者很懒,什么都没留下…
展开
-
Vue-router2.0基础,秒会。
如果不是模块式开发,请先引入<script src="https://unpkg.com/vue/dist/vue.js"></script><script src="https://unpkg.com/vue-router/dist/vue-router.js"></script>1.0基础<div id="app"> <h1>Hello App!</h1> <p>原创 2017-03-18 17:48:21 · 986 阅读 · 0 评论 -
vue-lazyload基础实例(基于vue2.0和vue-router2.0)
首先引入依赖import Vue from 'vue';import Router from 'vue-router';import VueLazyload from 'vue-lazyload';配置vue-lazyloadVue.use(VueLazyload, { preLoad: 1.3, error: './img/error.jpg', loading: 'http://原创 2017-03-20 12:58:55 · 6016 阅读 · 2 评论 -
用vuejs仿网易云音乐(实现听歌以及搜索功能)
前言前端时间学了vue,一开始看了vue1.0,后来实在觉得技术总得实践,就直接上手vue2.0。然后花了将近一周时间做了一个网易云音乐的小项目。一开始觉得项目比较小,没必要用vuex所以就没有使用,但是后来发现数据流传输有点麻烦,后续会使用vuex。技术栈vue+vue-router(核心框架)better-scroll(使移动端滑动体验更加流畅)vue-lazyload(用户图片懒加载)原创 2017-03-29 21:49:09 · 17855 阅读 · 3 评论 -
axios上传formdata失败以及nodejs接受formdata失败
axios上传formdata失败以及nodejs接受formdata失败今天用nodejs写一个上传图片的功能,因为这个功能是用在vue中的。我首先在nodejs服务器上用jquery的ajax写好了这个功能,可是移植到vue中却出现了问题。 下面来说下,关于formdata一些坑。客户端用jquey 的ajax上传时, 需要加上这句,防止formdata被序列化 用axios上传时。需要加原创 2017-06-13 14:43:28 · 9059 阅读 · 1 评论 -
vue+websocket+express+mongodb实战项目(实时聊天)(一)
继上一个项目用vuejs仿网易云音乐(实现听歌以及搜索功能)后,发现上一个项目单纯用vue的model管理十分混乱,然后我去看了看vuex,打算做一个项目练练手,又不想做一个重复的项目,这次我就放弃颜值,打算走心派。结合了后台nodejs,以及数据库mongodb来开发了一个实时聊天系统。这个系统可以说是一统江山,也算是实现前端程序员的一个梦了,前后通吃。自认为是一个比全的项目。项目地址:https原创 2017-04-26 16:30:00 · 35662 阅读 · 11 评论 -
vue+websocket+express+mongodb实战项目(实时聊天)(二)
原项目地址:http://blog.csdn.net/blueblueskyhua/article/details/70807847github地址: https://github.com/hua1995116/webchat 在线演示地址:http://www.qiufengh.com:8081/#/ 在原项目(vue+websocket+express+mongodb实战项目(实时聊天)(一原创 2017-06-14 18:13:14 · 6925 阅读 · 3 评论 -
vue-mixins一些常用方法
前言今天接手公司的一个vue的项目,发现项目中有个mixins属性,我发现之前的项目中都没有发现过这个属性。查阅了官方文档并进行了总结。 官方文档: mixins vue-mixins与父子组件还是有很大的区别的。组件与mixins区别组件: 父组件 + 子组件 >>> 父组件 + 子组件 mixins: 父组件 + 子组件 >>> new父组件使用方法原创 2017-07-12 10:39:53 · 5565 阅读 · 0 评论 -
vue父子组件&继承组件的生命周期以及应用
父子组件的生命周期顺序今天在做项目时候,发现了一个问题,那就是父子组件的执行顺序问题,在我印象里,肯定是先执行父组件的生命周期,再执行子组件的生命周期,但其实并不是这样的。我们来看代码:我们先用vue-cli搭建一个项目。(用什么搭建并不重要,我这里为了快速模拟就偷懒不自己配置webpack了) 父组件: app.vue<template> <div id="app"> <hello>原创 2017-09-18 22:48:06 · 12578 阅读 · 0 评论 -
vue-chat项目之重构与体验优化
前言vue-chat 也就是我的几个月之前写的一个基于vue的实时聊天项目,到目前为止已经快满400star了,注册量也已经超过了1700+,消息量达2000+,由于一直在实习,没有时间对它频繁地更新,趁着这个国庆,对他进行了一次重构,希望我的经验对大家有帮助。有宝贵的意见请在issue提给我。 旧版本: https://github.com/hua1995116/webchat/tree/v1原创 2017-10-04 22:11:32 · 4569 阅读 · 0 评论