vue.js

用vue+webpack+es6+sass实现Cnode网站(一)

写在文章前:最近把官网的vue文档过了一遍,准备写个项目来巩固下自己对vue的学习。因为cnode网站有开放的api,所以我决定用vue+webpack+es6+sass的技术栈去实现这个网站(单页面的形式)。这篇系列的文章我主要是分享下自己怎么开发还有怎么实现一个个vue组件去构建整个网站。关于webpack配合vue的使用可以关注我的另外一篇博文webpack+vue配

Vue-Cleave - 在Vue中使用CleaveJS格式化你的输入内容

项目地址:https://github.com/jrainlau/vue-cleaveWhat's CleaveJS?CleaveJS是最近github上的一个热门项目,在短短的一个多月中star数达到了2500+,且保持着强劲的上升势头。它的主要目的是Format input text content when you are typing格式化你的输入内容可以查看官方的

Vue.js+LeanCloud 单页面博客

Vue.js+LeanCloud 单页面博客之前看了好多关于 Vue.js 的东东,路由哇,状态管理呀,稀里糊涂的一堆东西,每个都相对独立,这些单独的 demo 和教程看起来觉得明白了,揉到一起不好说了就。。所以想结合起来写一写,作为一只前端汪怎么可以没有博客~写的过程中有一些心得和踩坑,后续会整理出来~如果觉得有帮助的话,谢谢帮忙 star ^_^本项目github地址简

使用 Vue + Vue.js 构建单页应用

原文地址:https://coligo.io/learn-vuex-by-building-notes-app/前言:在最近学习 Vue.js 的时候,看到国外一篇讲述了如何使用 Vue.js 和 Vuex 来构建一个简单笔记的单页应用的文章。感觉收获挺多,自己在它的例子的基础上进行了一些优化和自定义功能,在这里和大家分享下学习心得。在这篇教程中我们将通过构建一个笔记应用来

Vue.js 实践(3):实现一个漂亮、灵活、可复用的提示组件

这次的教程里,我们要把组件化进行到底!最近半年的几个项目中,都遇到了需要使用Toast或者Notification组件的情况。在目前已有的一些基于Vue.js开发的组件库,都没有找到太合适的,所以自己重头实现了一个。历经几个项目的磨练,这个提示组件的功能已经越来越完善,这次就分享一下组件以及其实现思路吧。GitHub 仓库:https://github.com/Yuyz01

vuejs核心概念简析

概述使用vue编写网页是一个让人愉悦的过程,它同时具备angular和react的优点,轻量级,api简单,文档齐全,简单强大,麻雀虽小五脏俱全.快速开始vue最好的方式是阅读官网的文档,这是学习vue最好的途径,没有之一.基本上通读文档即可让你从入门到精通了,下面讨论一下vue的精髓与重点需要理解的部分vue的精髓在于基于数据的状态和组件式编程数据驱动基于操作dom的方式

基于Vue的简单的单页面应用的实现

基于Vue的简单的单页面应用在对Vue和webpack有了一定了解后,我们就可以开始利用所了解的东西做一个简单的webapp了,不了解的同学可以看下我的前两篇关于vue和webpack的基本应用:webpack+vue起步利用webpack和vue实现组件化构建项目首先创建各个组件,我的目录结构如下://没有后缀名的都是文件夹|-wechat|-dist|-src| |-

Vue扩展

效果扩展: Vue.transition('transitionName',{beforeEnter:function(){},enter:function(){},afterEnter:function(){},beforeLeave:function(){},leave:function(){},afterLeave:function(){} })组件扩展: var c