
Vue.js
文章平均质量分 62
B1gF4ceC4t
这个作者很懒,什么都没留下…
展开
-
Vue.js——60分钟快速入门
Vue.js是当下很火的一个JavaScript MVVM库,它是以数据驱动和组件化的思想构建的。相比于Angular.js,Vue.js提供了更加简洁、更易于理解的API,使得我们能够快速地上手并使用Vue.js。本文摘自:http://www.cnblogs.com/keepfool/p/5619070.html如果你之前已经习惯了用jQuery操作DOM,学习Vue.js转载 2017-06-06 15:36:23 · 588 阅读 · 0 评论 -
vue2.0 keep-alive最佳实践
1.基本用法vue2.0提供了一个keep-alive组件用来缓存组件,避免多次加载相应的组件,减少性能消耗keep-alive>component> component>keep-alive>有时候 可能需要缓存整个站点的所有页面,而页面一般一进去都要触发请求的在使用keep-alive的情况下将首次触发请求写在created钩子函数中,就能实现转载 2017-08-21 19:43:30 · 517 阅读 · 0 评论 -
vue-router 快速入门
vue-router是Vue.js官方的路由插件,它和vue.js是深度集成的,适合用于构建单页面应用。vue的单页面应用是基于路由和组件的,路由用于设定访问路径,并将路径和组件映射起来。传统的页面应用,是用一些超链接来实现页面切换和跳转的。在vue-router单页面应用中,则是路径之间的切换,也就是组件的切换。本文将以示例的形式来介绍vue-router的各个特性,一共包含6个示例,每个示转载 2017-07-27 11:38:46 · 21726 阅读 · 5 评论 -
vue.js的devtools安装
安装1.github下载地址:https://github.com/vuejs/vue-devtools2.下载好后进入vue-devtools-master工程 执行npm install ----->npm run build.3.修改manifest.json 中的persistent为true 4.打开谷歌浏览器设置--->扩展程序--》勾选开发者模式---》添加转载 2017-07-26 14:10:38 · 2222 阅读 · 0 评论 -
vue axios全攻略
不再继续维护vue-resource,并推荐大家使用 axios 开始,axios 被越来越多的人所了解。本来想在网上找找详细攻略,突然发现,axios 的官方文档本身就非常详细!!有这个还要什么自行车!!所以推荐大家学习这种库,最好详细阅读其官方文档。大概翻译了一下 axios 的官方文档,相信大家只要吃透本文再加以实践,axios 就是小意思啦!!如果您觉得本文对您有帮助,不妨点个赞或转载 2017-08-03 17:38:23 · 2629 阅读 · 0 评论 -
axios
一、安装1、 利用npm安装npm install axios --save2、 利用bower安装bower install axios --save3、 直接利用cdn引入二、例子1、 发送一个GET请求//通过给定的ID来发送请求axios.get('/user?ID=12345') .then(function(response){ console.l转载 2017-08-03 17:37:02 · 2328 阅读 · 0 评论 -
Vuex 入门介绍
什么是Vuex?Vuex 是一个专门为 Vue.js 应用所设计的集中式状态管理架构,它借鉴了 Flux 和 Redux的设计思想,但简化了概念,并且采用了一种为能更好发挥 Vue.js 数据响应机制而专门设计的实现。我为什么需要它?当你的应用还很简单的时候,你多半并不需要 Vuex。也不建议过早的使用 Vuex。但如果你正在构建一个中型以上规模的 SPA,你很转载 2017-08-10 14:18:41 · 586 阅读 · 0 评论 -
Vuex简单入门
今天试了一下Vuex,感觉跟Redux的实现思想类似。再此,简单地总结一下。什么是Vuex在Vue中,多组件的开发给我们带来了很多的方便,但同时当项目规模变大的时候,多个组件间的数据通信和状态管理就显得难以维护。而Vuex就此应运而生。将状态管理单独拎出来,应用统一的方式进行处理,在后期维护的过程中数据的修改和维护就变得简单而清晰了。Vuex采用和Redux类似的单向数据流的方式来转载 2017-08-10 14:16:01 · 479 阅读 · 0 评论 -
Vue.js学习系列二 —— vuex学习实践笔记(附DEMO)
上次学习了vue-router的使用,让我能够在各个页面间切换,将页面搭建了起来。这次则要学习vue的状态管理模式——vuex。它类似于redux来应用的全局状态。注:本文只是个人对vuex学习的一些理解,要深刻掌握还需要认真查阅官方文档。一、基本介绍Vuex 是一个专为 Vue.js 的SPA单页组件化应用程序开发的状态管理模式插件。由于Vue SPA应用的模块化转载 2017-08-10 14:13:44 · 610 阅读 · 0 评论 -
Vue 中的 v-cloak 解读
v-cloak 的作用和用法用法:这个指令保持在元素上直到关联实例结束编译。和 CSS 规则如 [v-cloak] { display: none } 一起用时,这个指令可以隐藏未编译的 Mustache 标签直到实例准备完毕。官方APIdiv id="app"> {{msg}}div>HTML 绑定 Vue实例,在页面加载时会闪烁转载 2017-07-25 16:39:38 · 6804 阅读 · 0 评论 -
Vue.js——60分钟组件快速入门(上篇)
转自: http://www.cnblogs.com/keepfool/p/5625583.html 组件简介组件系统是Vue.js其中一个重要的概念,它提供了一种抽象,让我们可以使用独立可复用的小组件来构建大型应用,任意类型的应用界面都可以抽象为一个组件树:那么什么是组件呢?组件可以扩展HTML元素,封装可重用的HTML代码,我们可以将组件看作自定义的HTML元素。转载 2017-06-07 09:18:35 · 747 阅读 · 0 评论 -
Vue系列:通过vue-router如何传递参数
使用vue-router 来实现webapp的页面跳转,有时候需要传递参数,做法如下:参考文献:http://router.vuejs.org/en/named.html 主要有以下几个步骤:(1) 设置好路由配置router.map({ '/history/:deviceId/:dataId': { name: 'history', //转载 2017-08-21 19:45:04 · 1366 阅读 · 0 评论