VueJs 第122页

Spring Boot集成持久化Quartz定时任务管理和界面展示

本工程所用到的技术或工具有：SpringBootMybatisQuartzPageHelperVueJSElementUIMySql数据库正文配置本例中仍然是使用mysql数据库作为Quartz任务持久化的存储载体

hxpjava1·2017-10-11 18:50

angularjs和vuejs的区别

Angular和Vue有许多相似之处，它们都有：1.使用VirtualDOM2.提供了响应式（Reactive）和组件化（Composable）的视图组件。3.将注意力集中保持在核心库，伴随于此，有配套的路由和负责处理全局状态管理的库。Angular和Vue的区别：1.复杂性在API与设计两方面上Vue.js都比Angular1简单得多，因此你可以快速地掌握它的全部特性并投入开发。2.灵活性和模块

Augustine_Cyq·2017-10-10 22:48

Vue 组件实现表单的双向绑定

下面是一个简单的货币输入的自定义控件，来自https://cn.vuejs.org/v2/guide/components.html：{{price}}Vue.component('currency-input

latency_cheng·2017-10-10 15:44

前端视频教程分享

react：链接：https://pan.baidu.com/s/17A3rOXXsk9oWczYUUmdXrQ提取码：0lc5VueJs：链接：https://pan.baidu.com/s/17fhBu4azlgsOl2

java528416037·2017-10-10 09:37

VueJS实现用户管理系统

VueJS实现用户管理系统@(VueJS)[基础]VueJS实现用户管理系统源代码源代码用户管理系统$(function(){letvm=newVue({el:'#app',data:{user:{},

Switchvov·2017-10-05 15:34

vuejs使用$emit和$on进行组件之间的传值的示例

例子：我要实现某个系统的通讯录功能，在web端我们可以使用基于jQuery的ztree插件实现目录的展现，但是在vuejs框架里面，tree目录需要通过递归组件实现。1、现在有两个组件，父组件

我是帅帅的玉米·2017-10-04 08:05

vuejs使用递归组件实现树形目录的方法

上篇文章我提到了通讯录的开发，里面的目录使用了vue的递归组件实现的树形目录，这篇文章就来讲讲如何实现树形目录吧！首先实现效果如下，觉得菜单还是比较nice的是吧：这边数据调用的是数据库的数据的，需要数据库进行数据的构造，这里涉及到java的构造多叉树的知识，后续我会另外写一篇文章详细讲解，这里讲下前端。数据可以先构造json使用，这里用到的格式大概如下,以childList来嵌套子菜单：{id：

我是帅帅的玉米·2017-09-30 17:01

vuejs使用递归组件实现树形目录

上篇文章我提到了通讯录的开发，里面的目录使用了vue的递归组件实现的树形目录，这篇文章就来讲讲如何实现树形目录吧！首先实现效果如下，觉得菜单还是比较nice的是吧：这边数据调用的是数据库的数据的，需要数据库进行数据的构造，这里涉及到java的构造多叉树的知识，后续我会另外写一篇文章详细讲解，这里讲下前端。数据可以先构造json使用，这里用到的格式大概如下,以childList来嵌套子菜单：{id：

我是帅帅的玉米·2017-09-30 00:00

详解让sublime text3支持Vue语法高亮显示的示例

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

zhangwenwu的前端小站·2017-09-29 14:49

基于vuejs的博客界面

vue2.0vuex2.0vue-cli脚手架一个简单的博客界面，主要是简单的路由跳转界面和其他一些vue的基本操作。vue和其他插件及脚手架的安装方法很多大牛已经分享了很多，所以这里就不讲这些安装。这里讲一下数据的获取，模拟从服务器获取动态数据的工具：mockjs在生产环境中配置"mockjs":"^1.0.1-beta3",在main.js中引入import{mock}from'mockjs'

写bug的小公举·2017-09-28 16:38

VUe2.0＋组件库总结

UI组件element-饿了么出品的Vue2的webUI工具套件Vux-基于Vue和WeUI的组件库mint-ui-Vue2的移动UI元素iview-基于Vuejs的开源UI组件库Keen-UI-轻量级的基本

卞卞村长L·2017-09-28 00:04

VueJS事件处理器v-on的使用方法

本文介绍了VueJS事件处理器v-on的使用方法，分享给大家，具体如下：事件监听可以使用v-on指令.v-on:click表达式HTML:Vue测试实例-菜鸟教程(runoob.com)增加1这个按钮被点击了

boonya·2017-09-27 17:39

详解Vue-cli代理解决跨域问题

而这一点，开发者显然也想到了，故而在vuejs-templates，也就是vue-cli的使用的模板插件里，有关于APIproxy的说明，这个配置就是将localhost映射成访问的域名。

J_Cherry·2017-09-27 10:51

Vue from-validate 表单验证的示例代码

知识准备vue的自定义指令具体可以看官方手册，连接如下：https://vuejs.org/v2/guide/custom-directive.html总的来说就是可以帮你在指定的钩子函数中跳用你的函数

_尘_·2017-09-26 11:49

Vue from-validate 表单验证

知识准备vue的自定义指令具体可以看官方手册，连接如下https://vuejs.org/v2/guide/custom-directive.html总的来说就是可以帮你在指定的钩子函数中跳用你的函数，

_尘_·2017-09-25 15:06

学习笔记《Vue前端架构》

目前看来是比较不错的选择，积累了一些经验，这里初步设计一下基于Vue2的前端架构设计目录结构官方推荐Vue官方有一套「VueHackerNews」的仿制程序，目录结构可以参考之：https://github.com/vuejs

马文Marvin·2017-09-23 15:43

VsCode新建VueJs项目的详细步骤

本文介绍了VsCode新建VueJs，分享给大家，具体如下：使用vue-cli快速构建项目(vue-cli是vue.js的脚手架，用于自动生成vue.js模板工程的。

雪菜粥·2017-09-23 11:53

详解vue中引入stylus及报错解决方法

前提条件是已经有了vue项目，如果没有，请先建立，具体方法看这里https://cn.vuejs.org/v2/guide/installation.html安装stylus好了，建立好项目后我们来安装

shooke·2017-09-22 11:06

vue router学习之动态路由和嵌套路由详解

本文主要参考：https://router.vuejs.org/zh-cn/essentials/nested-routes.html本文的阅读前提是已经能够搭建一个vue前台程序并且运行。

0day__·2017-09-21 15:03

vuejs视图不能及时更新的问题，深入响应式原理

最近三个多月，我和我的同事一起用vuejs做公司的项目管理系统，因为是第一次用这种双向绑定的框架，难免遇到一些问题。

三木雪白水·2017-09-20 20:28

vuejs router路由的使用

最近写项目的时候，每天都在接触路由，特来整理一下，理清思路。路由文件router.js,然后在main.js中引入。importRouterfrom'vue-router';importVuefrom'vue';Vue.use(Router);constroutes=[{path:'',name:'',components:''},{......}],exportdefaultroutes路由的懒

Gcalolin·2017-09-17 17:20

animate,wow,Bootstrap,scrollReveal

围绕着这一生态有很多实用的框架，极大的提高了我们的开发效率，常见的框架代表有：UI层面的有Bootstrap、Yui、JqueryUI、CSS3Lib等，JS层面的有JQuery、Zeptojs、Angularjs、React、Vuejs

低_调_哥·2017-09-16 20:22

vue2.0 配置环境总结（都是泪啊）

最近有点空闲时间，终于把一直想学的vue提上了日程，以下是收集的一些帮助入门的链接1：https://vuefe.cn/v2/guide/vue2.0中文官网2：https://router.vuejs.org

你不知道的巨蟹·2017-09-16 00:00

Vuejs 的 dist 文件使用指南

问题项目里几个Vuejs版本都遇到过vue.runtime.common.js的报错提示：vue2.0.7vue.runtime.common.js:519[Vuewarn]:Failedtomountcomponent

肖建锋·2017-09-15 00:00

深入浅出基于“依赖收集”的响应式原理

每当问到VueJS响应式原理，大家可能都会脱口而出“Vue通过Object.defineProperty方法把data对象的全部属性转化成getter/setter，当属性被访问或修改时通知变化”。

jrainlau·2017-09-13 00:00

VueJs组件prop验证简单介绍

今天看了vuejs的组件，看到了prop组件，主要作用是在传入数据的时候对传入的值做判断，写了个小例子。

CLtomoya·2017-09-12 15:09

VueJs组件prop验证简单理解

####今天看了vuejs的组件，看到了prop组件，主要作用是在传入数据的时候对传入的值做判断，写了个小例子。

CLtomoya·2017-09-12 12:46

Vuejs 页面的区域化与组件封装的实现

组件的好处当我用vue写页面的时候，大量的数据页面渲染，引入组件简化主页面的代码量，当代码区域块代码差不多相同时，组件封装会更加简化代码。组件是Vue.js最强大的功能之一。组件可以扩展HTML元素，封装可重用的代码。在较高层面上，组件是自定义的元素，Vue.js的编译器为它添加特殊功能。在有些情况下，组件也可以是原生HTML元素的形式，以is特性扩展。我用一个读书软件的图书列表例子：图书展示页大

梁凤波·2017-09-11 10:05

VueJs制作轮播组件

1.创建子组件，slider.vue2.引入需要轮播的页面中，html:用:slides=""来引用不同的数据，从而可以反复使用slider.vue组件script:(slides一致)data(){return{invTime:2000,slides:[{src:require('../../../assets/image/banner/banner01.jpg'),title:'标题1'},{

milli236·2017-09-08 14:01

VueJS源码学习——MutationObserver实现nextTick

Vue倡导开发者尽量不直接操作DOM，但有的时候由于各种需求让开发者不得不这样做，于是nextTick的实现就是让开发者在修改数据后，能够在数据更新到DOM后才执行对应的函数，从而获取最新的DON数据。原文地址项目地址那么如何实现nextTick呢，我们首先可以想到的是利用setTimeout的异步回调来实现，不过由于各个浏览器的不同，setTimeout的延迟很高，因此在nextTick中只作为

chenjsh36·2017-09-08 00:00

Vuejs实例-使用vue-cli创建项目

1，首先从官方网站下载安装Node.js，建议使用6.x版本，同时也会一并安装npm工具，npm>3.10以上。2，npm安装很慢（国外服务器），所以一般推荐使用npm淘宝镜像cnpm，先安装下cnpm:npminstall-gcnpm--registry=https://registry.npm.taobao.org安装好cnpm后，以后使用npm的地方就可以使用cnpm替代了3.1、安装vue

云悠·2017-09-07 11:00

基于vue.js路由参数的实例讲解――简单易懂

官方提供的插件首先在我们项目中安装vue-router路由依赖第一种，我们提供命令行来安装npminstallvue-router--save第二种，我们直接去官方github下载https://github.com/vuejs

前端交流ing·2017-09-07 08:28

VueJS源码学习——元素在插入和移出 dom 时的过渡逻辑

src/transition原文地址项目地址关于vue中使用transition效果，官网上的解释如下：WithVue.js’transitionsystemyoucanapplyautomatictransitioneffectswhenelementsareinsertedintoorremovedfromtheDOM.Vue.jswillautomaticallyadd/removeCSSc

chenjsh36·2017-09-06 00:00

Vuejs之路之--父子组件（未完待续）

在Vue中，父子组件的关系可以总结为propsdown,eventsup。父组件通过props向下传递数据给子组件，子组件通过events给父组件发送消息，在这其中所谓的父组件就是注册组件时你所定义的自定义标签，子组件就是template所对应的标签（标准化html标签）。父组件通过props向子组件传递数据，你可以理解props为properties（属性）的缩写弄清楚了什么是父组件和子组件，剩

初心鸿鹄·2017-09-05 21:52

VueJS源码学习——指令解析类

src/parsers原文地址项目地址parsers实现了解析器的功能，使用状态机、正则表达式等来对表达式、html、文本、指令等进行解析src/parsers/directive.js在这里引用了cache，cache实现了一个双向链表，它会保存最近使用过的对象，在数量超出限制的情况下会抛弃最近没有使用的对象，思想基于LeastRecentlyUsed，参考自：https://github.co

chenjsh36·2017-09-05 00:00

VueJS组件之间通过props交互及验证的方式

props是父组件用来传递数据的一个自定义属性。父组件的数据需要通过props把数据传给子组件，子组件需要显式地用props选项声明"prop"。父组件通过props将数据传递给子组件HTMLVue测试实例-菜鸟教程(runoob.com)props传递给子组件//Vue.component('child',{//声明propsprops:['message'],//同样也可以在vm实例中像“th

boonya·2017-09-04 09:46

VueJS源码学习——订阅观察者类

observer实现了一个简单的订阅观察者类，这个类被用于在数据修改时通知各个watcher以触发对应的更新，从而实现数据的响应，这个会在后续的数据响应化里提到。原文地址项目地址src/observersrc/observer/dep.jsdep被watcher引用Adepisanobservablethatcanhavemultipledirectivessubscribingtoit.(dep

chenjsh36·2017-09-04 00:00

VUE进阶笔记(4) - （vue-router）+( express-router )

(一)(1)vue-router简单使用官网：https://router.vuejs.org/zh-cn/essentials/getting-started.htmlmain.js//TheVuebuildversiontoloadwiththe

省局到·2017-09-01 18:57

Vue使用vue-cli创建项目

本文介绍了Vue使用vue-cli创建项目，分享给大家，具体如下：vue-cli是一个官方发布vueJS项目脚手架：https://github.com/vuejs/vue-cli我创建的模板项目：https

默默先生Alec·2017-09-01 17:35

VueJS源码学习——实例构造函数

大概过了一遍util工具类后，开始看Vue实例的具体实现原文地址项目地址initsrc/instance/init.js实现了Vue的_init初始化函数import{mergeOptions}from'../../util/index'letuid=0exportdefaultfunction(Vue){Vue.prototype._init=function(options){...}}_in

chenjsh36·2017-09-01 00:00

VueJS源码学习——工具类函数实现（二）

原文地址项目地址工具类/***Simplebind,fasterthannative**@param{Function}fn*@param{Object}ctx*@return{Function}*/exportfunctionbind(fn,ctx){returnfunction(a){varl=arguments.lengthreturnl?l>1?fn.apply(ctx,arguments

chenjsh36·2017-08-31 00:00

【复习】VueJS之内部指令

Vuejs源码：https://github.com/zhuangZhou/vuejs下载Vue.js官网：http://vuejs.orglive-server使用live-server是一个简单的服务器

hawkzz·2017-08-30 18:43

VueJS源码学习——工具类函数实现

原文地址项目地址上一篇遗留的filter作为1.0版本频繁使用的filter，在构造函数里以Vue.Options.filters引入:...importfiltersfrom'./filters/index'...Vue.version='1.0.8'...Vue.options={directives,elementDirectives,filters,transitions:{},compo

chenjsh36·2017-08-30 00:00

在vuejs中是否还需要jquery

1.在vuejs中是否还需要jquery如果你作为前端有一段时间的话一定会很熟悉jquery，作为前端的开发神器我们无法想象没有jquery将会写多少繁琐的原生js。

梦见君笑·2017-08-29 19:25

vuejs基础知识总结

1.数据库返回数据渲染dom。img图片src的问题属性添加。v-bind缩写：不要花括号，需编译为字符。外加单引号2.同理绑定自定义属性3.上面2绑定事件获取自身元素的属性值，e.target拿到点击的目标元素event.currentTarget对象就是当前元素，vue传递event获取属性：goDetail(event){console.log('godetail');console.log

milli236·2017-08-29 16:42

VueJS源码学习——项目结构&目录

本项目的源码学习笔记是基于Vue1.0.9版本的也就是最早的tag版本，之所以选择这个版本，是因为这个是最原始没有太多功能拓展的版本，有利于更好的看到Vue最开始的骨架和脉络以及作者的最初思路。而且能和后续的1.x.x版本做对比，发现了作者为了修复bug而做出的很多有趣的改进甚至回退，如vuenextTick的版本迭代经历了更新、回退和再次更新原文地址项目地址囧克斯的一篇源码解析文章Vue.js是

chenjsh36·2017-08-29 00:00

web前端素材整理汇总

最近一直搞前端开发，整理下前端用的一些常用素材，分享给大家框架类Vue：https://cn.vuejs.org/iview：https://www.iviewui.com/插件类Jquery插件库：http

a545415·2017-08-28 00:00

VueJS 如何编译服务器端远程模板【异步组件+简单方法】

说明有些时候你可能需要从后台获取模板，并在前台在自己编译，这在用AngularJS1.x的时候似乎很常见，可以直接用ng-include搞定，在Vue1.x的时候也可以直接用partial搞定。但是在Vue2.x中，官方取消了partial这个API，根据情况推荐使用component代替，参见这里需求那我现在有个需求，就是从后台获取一个字符串模板（假设里面包含v-model等vue指令），模板需

savokiss·2017-08-28 00:00

Vue.js--基本命令&组件化应用构建

Vue.js前言：Vue.js的官方学习网站是：https://cn.vuejs.org/v2/guide/#组件化应用构建这里面讲述了Vuejs的指令，例如v-bind,v-if,v-on,v-model

佳悦·2017-08-25 00:52

vuejs之路之--v-model表单绑定

vuejs和表单元素之间的双向绑定是通过v-model实现的，当然表单有很多种元素，下面就让我们看一下在不同的表单元素之间是怎么实现双向绑定的吧；数据绑定-单行文本你输入的内容是:{{datas}}传统的输入框扳绑定

初心鸿鹄·2017-08-24 22:55

推荐频道

VueJs