VueJs 第121页

(17.06.20)Vue、简易留言板、钩子函数、防止闪屏、事件

Angular+Vue+React Vue性能最好,Vue最轻Angular 入门难，学习成本高Vue 简单Vue 官网:http://vuejs.org/ 中文:http

张不困_·2017-11-24 17:08

Vuejs中使用markdown服务器端渲染的示例

Jelly Bool·2017-11-22 17:00

【慕课网实战课程笔记】Vue.js高仿饿了么外卖App

第1章：课程简介第2章：Vuejs介绍Ctrl+Alt+l快捷整理代码第3章：Vue-cli开启Vuejs项目全局安装vue-cli脚手架工具：cnpminstall-gvue-cli初始化sell项目

Robin_zero·2017-11-21 16:27

值得收藏的vuejs安装教程

本文为大家分享了vuejs安装教程，供大家参考，具体内容如下1.安装nodejs，自带npm环境。

浅巷深念·2017-11-21 09:25

VueJs 搭建Axios接口请求工具

axios简介axios是一个基于Promise用于浏览器和nodejs的HTTP客户端，它本身具有以下特征：从浏览器中创建XMLHttpRequest从node.js发出http请求支持PromiseAPI拦截请求和响应转换请求和响应数据取消请求自动转换JSON数据客户端支持防止CSRF/XSRF上一章，我们认识了项目的目录结构，以及对项目的目录结构做了一些调整，已经能把项目重新跑起来了。今天我

王二麻子·2017-11-20 10:38

那些年造的轮子，我们该为谁树墓碑？

在下来研究过后，我深觉此举不妙，遂和我们的CTO进行了第二轮沟通，最终选定了vuejs+webpack的模块化开放模式。虽然是工作中的一件小事，但还是给我留下了不小的感悟。

闰土大叔·2017-11-19 20:49

sublime的Vue语法高亮插件安装

下载地址：https://github.com/vuejs/vue-syntax-highlight下载页面并下载：解开压缩包vue-syntax-highlight-master，其内所有文件备用。

星期九·2017-11-17 14:00

vuejs实现本地数据的筛选分页功能思路详解

今天项目需要一份根据本地数据的筛选分页功能，好吧，本来以为很简单，网上搜了搜全是ajax获取的数据，这不符合要求啊，修改起来太费力气，还不如我自己去写，不多说直接上代码效果图：项目需要：点击左侧进行数据筛选，实现自动分页，自动生成页数，点击自动跳转项目代码：js代码varsubList=newVue({el:'#main',data:{//subcontentData为本地数据subContent

金振宗·2017-11-15 10:11

vue+vue-validator 表单验证功能的实现代码

官方文档：http://vuejs.github.io/vue-validator/zh-cn/index.htmlgithub项目地址：https://github.com/vuejs/vue-validator

徐同保·2017-11-13 17:41

你见过用命令行写的简历吗？

上图就是一个用vuejs在浏览器中模拟出来的终端界面，用这个来做一份简历

东索·2017-11-13 00:00

解决vue组件中使用v-for出现告警问题及v for指令介绍

代码段时，{{role.value}}{{role.value}}出现告警：componentlistsrenderedwithv-forshouldhaveexplicitkeys.Seehttps://vuejs.org

1tomato·2017-11-11 13:33

八小时实现迷你版vuejs七：展望和结束语

vuejs源码看下来也是，从3年前接触到vuejs开始，一直断断续续看了一些关于实现原理的文章，初看一堆概念：parser,compiler,observer,watcher等等。

lihongxun945·2017-11-09 15:20

八小时实现迷你版vuejs六：实现常用指令

我们来实现一个v-text指令，其实非常简单，只要在update的时候把获取的值写到innerHTML中就行了。exportdefault{bind(){},update(value){constel=this.descriptor.elel.innerHTML=value}}是不是很简单。再实现一个v-model指令，这就是我们所说的双向绑定。那么既然是双向显然要分两步实现：1,当DOMinpu

lihongxun945·2017-11-09 15:57

八小时实现迷你版vuejs五：实现Watcher

再贴一下之前的一张图：我们已经实现了Observer和Directive，并且自己实现了一个v-on的指令，那么再实现Dep和Watcher就完整了。这里的dep.js其实就是一个记录依赖关系的，他有一个内部的数组subs会把所有依赖的watcher记录在里面，然后observer在观察到数据改变的时候，就告诉dep，它会负责遍历subs并调用他们的update也就是通知所有相关的watcher所

lihongxun945·2017-11-09 15:07

VueJS 基础知识及项目总结

1、build：dev-server.js是在使用终端命令时启动时执行的，里面可以修改端口号（修改第16行即可）2、index.html是整个文件的入口src装的是你写入的文件3、main.js是当前文件的主要的逻辑入口APP.vue是根组件4、一些事件和方法v-on:click="事件名"v-on:keyup="事件名"//在按下任意键时触发v-on:keyup.enter="事件名"//在按下

weixin_33690963·2017-11-07 15:00

vue双花括号的使用方法附练习题

双花括号的具体代码，供大家参考，具体内容如下{{}}的使用{{msg}}{{cart.brand}}3+5={{3+5}}newVue({el:"#container",data:{msg:"HelloVueJs

匿名的girl·2017-11-07 10:08

Laravel 删除 Cookie 的小坑

在LaravelVuejs开发SPA的课程中，因为涉及到Cookie的生成和删除，然后有学员向我反映：使用Cookie::forget未能正确删除cookie。

JellyBool·2017-11-07 00:00

基于vue实现分页效果

padding:5px;border:2pxsolidgray;}.isRed{color:red;}{{msg}}{{tmp}}newVue({el:"#container",data:{msg:"HelloVueJs

匿名的girl·2017-11-06 11:47

VUE学习路线

官网：https://cn.vuejs.org/v2/guide/学习指南：https://zhuanlan.zhihu.com/p/231345511.VUE的脚手架所谓脚手架，其实有一套开发环境，这套集成环境会完成压缩

lw604217818·2017-11-06 11:19

Vuejs实现购物车功能

伏枫Urie·2017-11-05 15:27

Vue 开源项目库汇总

awesome-github-vue如有好文章投稿，请点击→这里了解详情UI组件element★13489-饿了么出品的Vue2的webUI工具套件Vux★8133-基于Vue和WeUI的组件库iview★6634-基于Vuejs

前端大全·2017-11-04 00:00

Vuejs+Webpack部署

Vuejs+webpack部署子页面刷新404问题使用vuejs+webpack在本地开发的时候很顺利，但在打包部署后子页面不能通过url地址直接访问到，只能通过主页点击前往各子页面。

拉小马·2017-11-01 14:20

vue小笔记打包之后，刷新页面出现404的问题

官网解决方案https://router.vuejs.org/zh-cn/essentials/history-mode.html需要在后端进行配置ApacheRewriteEngineOnRewriteBase

webmxj·2017-10-31 18:02

如何在没有前端框架的情况下实现组件化

在vuejs下，组件长这个样子在ReactJS下，组件长这个样子classHelloMessageextendsReact.Component{render(){return(Hello{this.props.name

再见尼克·2017-10-30 00:00

爬坑日记--------vue如何与后端进行交互

1、配置config/index.js//seehttp://vuejs-templates.github.io/webpackfordocumentation.varpath=require('path

菜鸟之重生记·2017-10-28 13:08

chrome安装vue调试工具

在github中可以用git，clone下来，链接：https://github.com/vuejs/vue-devtools可以直接下载，解压在windows下解压出来，进入vue-devtools-master

811427792·2017-10-25 23:24

浅谈Vue的加载顺序探讨

在Vuejs1.0版本中，如果父子组件进行配合，它们的生命周期执行具有如下特点：1.created总是先父后子生命周期函数created总是按照从父到子的顺序依次执行，但是兄弟之间没有严格按照这样的顺序执行

蚁方阵·2017-10-25 10:07

【vuejs开发】如何在vue里面优雅的解决跨域，路由冲突问题！超详细

原创文章，作者：stark，如若转载，请注明出处：https://shudong.wang/10233.html如何在vue里面优雅的解决跨域，路由冲突问题当我们在路由里面配置成以下代理可以解决跨域问题proxyTable:{'/goods/*':{target:'http://localhost:3000'},'/users/*':{target:'http://localhost:3000'}

starkwang·2017-10-25 00:00

自定义组件使用v-model指令

文章参考https://cn.vuejs.org/v2/guide/components.html#自定义组件的-v-model是以下内容的语法糖（等价于）备注：1、v-model相当于传递了一个值是value

胖鹅68·2017-10-24 20:14

nuxt+axios解决前后端分离SSR的示例代码

一、准备工作1、安装nodejs2、安装vuejs3、安装vue-cli4

梦想修补师·2017-10-24 10:53

【vuejs插件】使用vue-infinite-scroll在vue中实现下拉加载数据，瀑布流，详细操作

在vue中实现下拉加载数据，瀑布流说明节约流量提高用户体验不至于每次把所有数据加载出来，出现用户等待时间较长实现方式需求：当用户打开首页的时候显示8条数据，当用户滚动到屏幕可视区边缘的时候，然后触发一个函数，请求一个api加载新的数据，并且填充到之前的数据下面。实现：vue-infinite-scrollvue插件:vue-infinite-scrollgithub地址安装npmivue-infi

starkwang·2017-10-24 00:00

【vuejs插件】vue中使用图片懒加载vue-lazyload插件详细指南

在vue中使用图片懒加载详细指南说明当网络请求比较慢的时候,提前给这张图片添加一个像素比较低的占位图片，不至于堆叠在一块，或显示大片空白，让用户体验更好一点。使用方式使用vue的vue-lazyload插件插件地址:https://www.npmjs.com/package/vue-lazyload案例demo：懒加载案例demoInstallation安装方式npm$npmivue-lazylo

starkwang·2017-10-23 00:00

vue.js入门（四）——自定义过滤器

前言虽然VueJs给我们提供了很多强有力的过滤器，但有时候还是不够。但是Vue给我们提供了一个干净简洁的方式来定义我们自己的过滤器，使用管道|来完成过滤，小编本篇使用过滤器简单实现字符串反转！

火腿编程·2017-10-22 21:29

Vue filter介绍及其使用详解

VueJs提供了强大的过滤器API，能够对数据进行各种过滤处理，返回需要的结果Vue过滤器的基本用法//注册Vue.filter('my-filter',function(value){//返回处理后的值

craftmanship·2017-10-21 11:06

深入认识vue-cli：能做的不仅仅是初始化vue工程

相信对于大部分使用过VueJS的同学来说，vue-cli是他们非常熟悉的一个工具。

jrainlau·2017-10-20 00:00

VSCode打开已有vuejs项目

今天公司培训使用VSCode来编写vuejs项目，拿了一个范例来展示，讲的比较快，没怎么听清楚。于是下来自己动手配置一下。

小草的胖冬瓜·2017-10-19 22:35

vue 路由

https://router.vuejs.org/zh-cn/用Vue.js+vue-router创建单页应用，是非常简单的。

easyClub_hanjixin·2017-10-19 09:51

【vuejs路由】vuejs 路由基础入门实战操作详细指南

官方文档：https://router.vuejs.org/zh-cn/用Vue.js+vue-router创建单页应用，是非常简单的。

starkwang·2017-10-18 00:00

vue实现图书管理demo详解

白开水·2017-10-17 14:54

Vue中的mixins(混合)使用方法

混合来源：https://cn.vuejs.org/v2/guide/mixins.html基础混合(mixins)是一种分发Vue组件中可复用功能的非常灵活的方式。混合对象可以包含任意组件选项。

提鲁战士·2017-10-16 11:57

Hbuilder配置Avalon和Vue指令提示的方法详解

言归正传，当前前端的开发中，MVVM框架非常流行，比较典型的如：AngularJS、VueJS等，这部分框架基本都有一个指令的概念，在工具中配置相关的提示，

蒋固金·2017-10-16 09:34

VueDemo中的TodoMVC

所以打算研究一下官方的代码,看看自己的代码不足之处并加以改进.官方TodoMVC图一我们先一部分一部分来首先我们要知道的是数据是如何储存在localStoragevarSTORAGE_KEY='todos-vuejs

CasperNan·2017-10-15 21:12

使用vuex简单的实现系统中的状态管理

vuex的官方网址如下：https://vuex.vuejs.org/zh-cn/vuex当我们的项目慢慢做大的时候，各个父组件和子组件之间有些状态需要项目共享，比如用户在父组件中登录后，在各个子组件中需要用到登录信息

huan1993·2017-10-15 14:00

基于Vuejs的搜索匹配功能

最近一直在看vue，查了很多资料，看了很多文档和博客，大概半知半解了，然后利用所理解的知识写了一个简单的搜索匹配功能。大概长这个样子：数据都是假的代码部分（注意我引用的是本地vue.min.js文件，请注意文件路径。）Vue测试2*{padding:0;margin:0;font-size:14px;font-family:"微软雅黑";}#box{width:500px;height:auto;

here962464·2017-10-13 21:32

Vue过滤器的使用和总结

在这个教程中，我们将会通过几个例子，了解和学习VueJs的过滤器。我们参考了一些比较完善的过滤器，比如orderBy和filterBy。而且我们可以链式调用过滤器，一个接一个过滤。

一缕清风1144·2017-10-13 16:20

初步理解vuex

理解vuex官方文档https://vuex.vuejs.org/zh-cn/intro.html是这样描述vuex的：Vuex是一个专为Vue.js应用程序开发的状态管理模式。

Eternal-memory·2017-10-13 12:25

Vue相关开源项目库汇总(史上最全)

组件开发框架实用库服务端辅助工具应用实例Demo示例UI组件element★13489-饿了么出品的Vue2的webUI工具套件Vux★8133-基于Vue和WeUI的组件库iview★6634-基于Vuejs

蔡俊锋·2017-10-13 08:29

【vuex入门系列03】实战案例：利用dispatch提交actions解决异步问题

标签（空格分隔）：vue官方文档https://vuex.vuejs.org/zh-cn/以下操作全部放在了这个项目当中https://github.com/itguide/vu...提交的时候页面状态发生变化

starkwang·2017-10-12 00:00

【vuex入门系列01】实战操作加减法案例对vuex感知

官方文档https://vuex.vuejs.org/zh-cn/以下操作全部放在了这个项目当中https://github.com/itguide/vu...Vuex是什么？